在JS中将一个字符串添加到另一个字符串的开头和结尾

将一个字符串添加到另一个字符串的开头和结尾

Add a String to beginning and end of Another String in JS

使用加法 (+) 运算符将一个字符串添加到另一个字符串的开头和结尾，例如"before" + str + "after".

与字符串一起使用时，加法运算符连接字符串并返回结果。

const str = 'ello worl';

const result = 'h' + str + 'd';

// 👇️ "hello world"
console.log(result);

我们使用
加法 (+)
运算符将一个字符串添加到另一个字符串的开头和结尾。

与字符串一起使用时，加法运算符将它们连接起来，而与数字一起使用时，运算符将数字相加。

console.log('ab' + 'cd'); // 👉️ "abcd"
console.log(2 + 2); // 👉️ 4

您可以通过使用template literal.

使用模板字面量

您还可以使用模板文字将一个字符串添加到另一个字符串的开头和结尾。

模板文字允许我们将表达式嵌入到字符串中。

const str = 'ello worl';

const result = `h${str}d`;

// 👇️ "hello world"
console.log(result);

我们使用反引号将字符串包装起来，使其成为
模板文字。

美元符号和花括号部分${}是一个被评估的表达式。

在我们的例子中，变量的值str替换了${str}模板文字的一部分。

或者，您可以使用该String.join()方法。

使用Array.join()

这是一个两步过程：

1. 将字符串包装在一个数组中。
2. 使用该Array.join()方法连接不带分隔符的字符串。

const prefix = 'h';
const suffix = 'd';

const str = 'ello worl';

const result = [prefix, str, suffix].join('');
console.log(result); // 👉️ hello world

我们将字符串包装在一个数组中以便能够使用该Array.join()方法。

Array.join ()方法使用分隔符连接数组中的所有元素。

该方法采用的唯一参数Array.join()是separator– 用于分隔数组元素的字符串。

将一个字符串追加到另一个字符串的末尾

如果只需要将一个字符串追加到另一个字符串上，也可以使用该
String.concat()方法。

该concat方法将提供的参数连接到字符串。

const str = 'bobby ';

const result = str.concat('hadz');
console.log(result); // 👉️ "bobby hadz"

String.concat
方法将一个或多个字符串作为参数并将它们连接
到调用它的字符串。

const result = 'one '.concat('two', ' three');
console.log(result); // 👉️ "one two three"

该方法返回一个包含组合文本的新字符串。