JavaScript 拼接字符串

在 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.
给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号