1、concat

复制const a = [1, 2, 3, 4, 5]
const b = ['lucy', 'andy', 'bob']
const c = a.concat(b)
console.log(c)
// 输出结果，c是新数组，此时内存使用有c,a,b三个数组
// [1, 2, 3, 4, 5, 'lucy', 'andy', 'bob']
js

2、for循环逐个添加

复制const a = [1, 2, 3, 4, 5]
const b = ['lucy', 'andy', 'bob']
b.forEach(item => {
  a.push(item)
})
console.log(a)
// 输出结果，使用for循环往数组a中添加数据，没有新的数组创建，对于内存来说更优。
// [1, 2, 3, 4, 5, 'lucy', 'andy', 'bob']
js

3、apply

复制const a = [1, 2, 3, 4, 5]
const b = ['lucy', 'andy', 'bob']
a.push.apply(a, b)
console.log(a)
// 输出结果
// [1, 2, 3, 4, 5, 'lucy', 'andy', 'bob']
js

4、push和ES6解构语法

复制const a = [1, 2, 3, 4, 5]
const b = ['lucy', 'andy', 'bob']
a.push(...b)
console.log(a)
// 输出结果
// [1, 2, 3, 4, 5, 'lucy', 'andy', 'bob']
js

5、ES6解构

复制const a = [1, 2, 3, 4, 5]
const b = ['lucy', 'andy', 'bob']
const c = [...a, ...b]
console.log(c)
// 输出结果
// [1, 2, 3, 4, 5, 'lucy', 'andy', 'bob']
js

推荐阅读

1、整理一下弹性布局知识点 2、推荐一下前端开发时npm源管理工具 3、强力推荐的idea插件，开发效率提升99% 4、初始TypeScript 5、记录第一次vue3.0+vite+ts+ant

关注公众号

关注贴吧：pei你看雪吧