关于javascript:js合并数组的方法

4次阅读

共计 962 个字符,预计需要花费 3 分钟才能阅读完成。

1,办法一

concat()
实例:arrayA.concat(arrayB)
会生成新的数组。

let arrayA = ['ja', 'va'];
let arrayB = ['scr', 'ipt'];
// 合并数组 A 和 B
arrayA = arrayA .concat(arrayB);
// 查看合并后的后果
console.log(arrayA);
// ['ja', 'va', 'scr', 'ipt']

2,办法二

push()
实例:push(…array)
会变更原数组。

let arrayA = ['ja', 'va'];
let arrayB = ['scr', 'ipt'];
// 合并数组 A 和 B
arrayA.push(...arrayB);
// 查看合并后的后果
console.log(arrayA);
// ['ja', 'va', 'scr', 'ipt']

3,办法三

[…arrayA, …arrayB]
ES6 的语法,简略而实用。
会生成新的数组。

let arrayA = ['ja', 'va'];
let arrayB = ['scr', 'ipt'];
// 合并数组 A 和 B
arrayA = [...arrayA, ...arrayB];
// 查看合并后的后果
console.log(arrayA);
// ['ja', 'va', 'scr', 'ipt']

4,办法四

push.apply()
实例:arrayA.push.apply(arrayA, arrayB)
合并数组是把后一个数组的值顺次 push 进前一个数组,使前一个数组产生扭转,并且只能两个数组之间产生合并。

let arrayA = ['ja', 'va'];
let arrayB = ['scr', 'ipt'];
// 合并数组 A 和 B
arrayA.push.apply(arrayA, arrayB);
// 查看合并后的后果
console.log(arrayA);
// ['ja', 'va', 'scr', 'ipt']

5,办法五

forEach 循环 + push()
会变更原数组。

let arrayA = ['ja', 'va'];
let arrayB = ['scr', 'ipt'];
// 合并数组 A 和 B
arrayB.forEach(item => {arrayA.push(item)
})
// 查看合并后的后果
console.log(arrayA);
// ['ja', 'va', 'scr', 'ipt']
正文完
 0