在 JavaScript 中,如果想要将多个字符串拼接成一个字符串,常用的有以下 3 种方式。
- 使用 “+” 运算符。
- 使用 concat() 方法。
- 使用模板字符串。
使用 “+” 拼接字符串
在 JavaScript 中,拼接字符串最简单的方式,那就是使用 “+” 运算符。
示例 1:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
const str1 = "lvye";
const str2 = "net";
const result = str1 + str2;
console.log(result);
</script>
</body>
</html>运行结果如下。
lvyenet使用 concat() 拼接字符串
在 JavaScript 中,我们可以使用 concat() 方法来将当前字符串与其他字符串拼接合并。其中,concat() 方法会返回一个新的字符串。
语法:
str.concat(str1, str2, ..., strN)说明:
str1、str2、...、strN 都是字符串。
提示:
- concat() 方法不会修改原字符串,而是返回一个新字符串。
- 对于拼接字符串,并不推荐使用 concat() 方法,而是推荐使用 “+” 运算符或 ES6 模板字符串。
示例 2:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
const str = "Python";
const result = str.concat("C++", "Java");
console.log(str);
console.log(result);
</script>
</body>
</html>运行结果如下。
Python
PythonC++Java分析:
从结果可以看出,concat() 方法不会修改原字符串,而是返回一个新字符串。
使用模板字符串拼接字符串
模板字符串是 ES6 新增的语法,它可以很方便地将多个字符串拼接成一个字符串。
示例 3:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
const name = "Jack";
const age = 20;
const result = `${name} is ${age} years old.`;
console.log(result);
</script>
</body>
</html>运行结果如下。
Jack is 20 years old.