js 多个数组拼接的几种方法

• 数组拼接的几种方法

1.使用concat组装拼接数据

concat 拼接数组有好几种方式，看你喜欢用哪种

第一种，连接两个或多个数组，推荐使用这种

• 推荐

var arr1 = ["张三", "李四", "王五"];
var arr2 = ["小花", "小黄", "小红"];
var arr3 = ["小孩", "老人", "孕妇"];
var arr4 = ["今天", "明天", "后天"];
var myChildren = arr1.concat(arr2, arr3, arr4);
console.log(myChildren);
// ['张三', '李四', '王五', '小花', '小黄', '小红', '小孩', '老人', '孕妇', '今天', '明天', '后天']

第二种，caocat 链式调用，不推荐这种，写起来太繁琐了

var arr1 = ["张三", "李四", "王五"];
var arr2 = ["小花", "小黄", "小红"];
var arr3 = ["小孩", "老人", "孕妇"];
var arr4 = ["今天", "明天", "后天"];
var myChildren = arr1.concat(arr2).concat(arr3).concat(arr4);
console.log(myChildren);
// ['张三', '李四', '王五', '小花', '小黄', '小红', '小孩', '老人', '孕妇', '今天', '明天', '后天']

2.使用call拼接数据

var arr1 = ["张三", "李四", "王五"];
var arr2 = ["小花", "小黄", "小红"];
var arr3 = ["小孩", "老人", "孕妇"];
var arr4 = ["今天", "明天", "后天"];
arr1.push.call(arr1,...arr2,...arr3,...arr4);
//['张三', '李四', '王五', '小花', '小黄', '小红', '小孩', '老人', '孕妇', '今天', '明天', '后天']
console.log(arr1)

• 一般

3.使用...es6解构赋值拼接数据

var arr1 = ["张三", "李四", "王五"];
var arr2 = ["小花", "小黄", "小红"];
var arr3 = ["小孩", "老人", "孕妇"];
var arr4 = ["今天", "明天", "后天"];
var arrList = []
arrList.push(...arr1,...arr2,...arr3,...arr4);
console.log(arrList)
//['张三', '李四', '王五', '小花', '小黄', '小红', '小孩', '老人', '孕妇', '今天', '明天', '后天']

• 推荐

当然也有很多方法，如遍历数组，借用库里的方法等等，具体看你使用习惯