js arr_concat数组合并.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>arr_concat数组合并</title>
</head>
<body>
<script>
    /*知识点：
    * 定义和用法
    concat() 方法用于连接两个或多个数组。
    该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
    * 语法
    arrayObject.concat(arrayX,arrayX,......,arrayX)
    * 参数   描述
    arrayX 必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。
    * 返回值
    返回一个新的数组。
    该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。
    如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。*/
    // 1.数组合并值。
    let a = [1, 2, 3];
    console.log(a.concat(4));
    // (5) [1, 2, 3, 4]
    console.log(a.concat(4, 5));
    // (5) [1, 2, 3, 4, 5]
    console.log("a:", a);
    // a: (3) [1, 2, 3]

    // 2.两个数组合并。
    let arr1 = ["a", "b"];
    let arr2 = ["c", "d", "e"];
    let arr3 = arr1.concat(arr2);
    console.log("arr1:", arr1);
    // arr1: (2) ["a", "b"]
    console.log("arr2:", arr2);
    // arr2: (3) ["c", "d", "e"]
    console.log("arr3:", arr3);
    // arr3: (5) ["a", "b", "c", "d", "e"]
    console.log('');

    // 3.多个数组合并。
    let arr4 = ["f", "g"];
    let arr5 = ["h", "i", "j"];
    let arr6 = ["k", "l"];
    let arr7 = arr4.concat(arr5, arr6);
    console.log("arr4:", arr4);
    // arr4: (2) ["f", "g"]
    console.log("arr5:", arr5);
    // arr5: (3) ["h", "i", "j"]
    console.log("arr6:", arr6);
    // arr6: (2) ["k", "l"]
    console.log("arr7:", arr7);
    // arr7: (7) ["f", "g", "h", "i", "j", "k", "l"]
</script>
</body>
</html>
js arr_concat数组合并.html

猜你喜欢
