美文网首页
javascript数组合并

javascript数组合并

作者: 顺其自然AAAAA | 来源:发表于2020-10-13 14:23 被阅读0次

javaScript的两个数组合并或者多个数组合并
1.用concat() 方法, concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。用一个新的数组接收

var arr1 = ['1','2','3'];
var arr2 = ['a','b','c'];
var arr3 = ['9','8','7'];
var arr4 = ['孙悟空','猪八戒','沙增'];
const newArr = arr1.concat(arr2);
console.log(newArr); //得到: ["1", "2", "3", "a", "b", "c"]
  1. 用for...in 循环 和 push
var arr1 = ['1','2','3'];
var arr2 = ['a','b','c'];
var arr3 = ['9','8','7'];
var arr4 = ['孙悟空','猪八戒','沙增'];
for(let i in arr3) {
        console.log(i); // 得到: 0,1,2  ,得到是arr3数组的索引
        // 然后将arr3数组的每一项都push进arr1数组
        arr1.push(arr3[i]);
    }
console.log(arr1); // 得到: ["1", "2", "3", "9", "8", "7"]

3.apply方法 push.apply合并数组是把后一个数组的值依次push进前一个数组,使前一个数组发生改变,并且只能两个数组之间发生合并。

var arr1 = ['1','2','3'];
var arr2 = ['a','b','c'];
var arr3 = ['9','8','7'];
var arr4 = ['孙悟空','猪八戒','沙增'];
arr2.push.apply(arr2,arr3);
console.log(arr2); //得到: ["a", "b", "c", "9", "8", "7"]

4.使用es6的扩展运算符(强烈推荐)

var arr1 = ['1','2','3'];
var arr2 = ['a','b','c'];
var arr3 = ['9','8','7'];
var arr4 = ['孙悟空','猪八戒','沙增'];
const newArr2 = [...arr3,...arr4];
console.log(newArr2);  // 得到:["9", "8", "7", "孙悟空", "猪八戒", "沙增"]

相关文章

网友评论

      本文标题:javascript数组合并

      本文链接:https://www.haomeiwen.com/subject/ntevpktx.html