JS 拼接数组的方法

102 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第9天,点击查看活动详情

不知同学们是否注意到,平时开发过程中,往往需要和数组打交道,遍历数组,排序,切割数组,对数组进行过滤,合并数组等等,这些操作是在是频繁。今天本文就来讲讲数组的拼接,或者说合并。

ES6没出来之前啊,拼接数组时,总会看到Array.concat()

1. concat() 方法用于合并两个或多个数组;它不会改变原数组,会返回一个新数组;
语法格式:arr1.concat(arr2,arr3,...);意思是在数组arr1后连接arr2,arr3...等数组

image.png

image.png

image.png

image.png

对于有代码洁癖的同学来说,肯定看不惯concat,于是乎在ES6中,有了扩展运算符'...'来更简洁明了地拼接多个数组

2. ... 用于合并两个或多个数组;它不会改变原数组,会返回一个新数组;
语法格式:[...arr1,...arr2,...arr3];意思应该很明显了吧,如果还看不出来的同学看不出来也没关系,看完下面我在浏览器
控制台的打印就明白了

image.png

image.png

注意: 两种方法都很好,也完美兼容主流浏览器,这里给大家强烈推荐使用'...'扩展运算符;'...' 扩展运算符还有很多高级用法,这里就先不展开说了,西柚 瑞思拜!