JavaScript字符串连接

JavaScript字符串连接教程

在 JavaScript 中，如果我们需要连接 字符串 或者连接数组，可以使用 concat 函数。

JavaScript concat函数详解

定义

concat() 方法用于连接两个或多个数组或者字符串。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

语法

arrayObject.concat(arrayX,arrayX,......,arrayX)

参数

参数	描述
arrayX	必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。

返回值

返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

案例

字符串连接

使用 concat 函数，实现字符串的连接

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript concat函数</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var str1 = "Hello, ";
            var str2 = "HaiCoder";
            var res = str1.concat(str2);
            console.log("Res =", res);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

25_javascript字符串连接concat函数.png

首先，我们定义了一个字符串变量，赋值为 “Hello,”，接着又定义了一个字符串变量，赋值为 “HaiCoder”。

最后，我们使用 concat 函数，实现了把字符串 str1 和字符串 str2 进行了连接，并把拼接结果赋值给变量 res。我们打印变量 res，发现输出了 “Hello,HaiCoder”，即我们通过 concat 函数实现了字符串的连接。

数组连接

使用 concat 函数，实现数组的连接

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript concat函数</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var a = ["Hello", "HaiCoder"];
            var res = a.concat("Hello", "JavaScript");
            console.log("Res =", res);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

26_javascript字符串连接concat函数.png

我们使用 concat 函数，实现了拼接了两个数组。

数组连接

使用 concat 函数，实现数组的连接

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript concat函数</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var arr = new Array(3);
            arr[0] = "JavaScript";
            arr[1] = "JQuery";
            arr[2] = "Dom";
            var arr2 = new Array(3);
            arr2[0] = "Python";
            arr2[1] = "Golang";
            arr2[2] = "C++";
            var arr3 = new Array(2);
            arr3[0] = "Redis";
            arr3[1] = "Mongo";
            var res = arr.concat(arr2, arr3);
            console.log("Res =", res);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

27_javascript字符串连接concat函数.png

我们使用 concat 函数，实现了拼接了三个数组。

JavaScript字符串连接总结

在 JavaScript 中，如果我们需要连接字符串或者连接数组，可以使用 concat 函数。