Array -- 数组插入总结 · 前端知识 -- 学习整理

>[success] # 数组插入数据内容位置 ~~~ 1.末尾插入数据 2.头部插入数据 3.任意位置插入数据 4.两数组合并 ~~~ >[info] ## 末尾插入 ~~~ 1.利用长度插入 -- 改变原数组 2.'push'插入 -- 改变原数组 3.利用'concat'插入 -- 生成新数组 4.利用 spread 运算符(...) -- 生成新数组 ~~~ >[danger] ##### 利用长度插入 ~~~ 1.数组可以通过角标加入内容，数组实际角标是从0开始，因此和数组整体长度相差值为1，所以每次像数组末尾插值等同于，像当前长度为角标的值加入 ~~~ ~~~ //将数据放到数据尾部 let arr = [1,2,3,4,"测试"] arr[arr.length] = 6 ~~~ * 打印结果 ~~~ [1,2,3,4,"测试",6] ~~~ >[danger] ##### 利用push(常规操作) ~~~ 1.push 常规操作加入末尾 ~~~ ~~~ // 将数据利用数组自带方式push 进行添加 let arr1 = [1,2,3,4,"测试"] arr1.push(6) console.log(arr1) ~~~ * 打印结果 ~~~ [1,2,3,4,"测试",6] ~~~ >[danger] ##### 利用concat 像末尾添加 ~~~ 1.如果是数组会合并数组，如果是单个内容，则会将内容加入末尾 ~~~ ~~~ // 利用concat 在末尾添加返回一个新数组 let arr2 = [1,2,3,4,"测试",] arr2 =arr2.concat(6) console.log(arr2) ~~~ * 打印结果 ~~~ [1,2,3,4,"测试",6] ~~~ >[danger] ##### 利用 spread 运算符 ~~~ 1.es6，解包生成新数组 ~~~ ~~~ let arr = [1, 2, 3, 4, 5]; arr = [...arr, 6]; ~~~ * 打印结果 ~~~ [1, 2, 3, 4, 5,6] ~~~ >[info] ## 首位插入 ~~~ 1.unshift 向数组开头插入新的内容 -- 返回是改变数组长度，在原数组基础上改变，不生成新数组 2.concat 逆向使用 -- 生成新数组 3.利用 spread 运算符(...) -- 生成新数组 ~~~ >[danger] ##### 利用unshift做添加 ~~~ 1.不会生成新数组，会有返回值是改变数组的长度，像数组开头添加 ~~~ ~~~ let arr = [1,2,3,4,5]; let changeArr = arr.unshift(0, 1, [1,2,3]); console.log(changeArr) console.log(arr) ~~~ * 打印结果 ~~~ 9 [0, 1, [1,2,3], 1, 2, 3, 4, 5] ~~~ >[danger] ##### concat 逆向使用 ~~~ 1.'concat' 可以给被添加数组末尾加值，或者合并数组，逆向就是要添加首位的值变成被添加的值 2.生成新数组 ~~~ ~~~ let arr = [1,2,3,4,5]; arr = [1,2].concat(arr) console.log(arr) ~~~ * 打印结果 ~~~ [1, 2, 1, 2, 3, 4, 5] ~~~ >[danger] ##### 利用 spread 运算符 ~~~ 1.es6，解包生成新数组 ~~~ ~~~ let arr = [1, 2, 3, 4, 5]; arr = [0, ...arr]; console.log(arr) ~~~ * 打印结果 ~~~ [0, 1, 2, 3, 4, 5] ~~~ >[info] ## 合并数组 ~~~ 1.利用 Array.prototype.concat 方法 -- 生成新数组 2.利用 spread 运算符 -- 生成新数组 ~~~ >[danger] ##### 利用 spread 运算符 ~~~ 1.es6，解包 -- 生成新数组 ~~~ ~~~ let arr = [1,2,3,4,5]; arr = [...[-2, -1, 0], ...arr]; console.log(arr) ~~~ * 打印结果 ~~~ [-2, -1, 0, 1, 2, 3, 4, 5] ~~~ >[danger] ##### 利用 concat ~~~ 1.concat -- 生成新数组 ~~~ ~~~ let arr = [1,2,3,4,5]; arr = [-2, -1, 0].concat(arr); console.log(arr) ~~~ * 打印结果 ~~~ [-2, -1, 0, 1, 2, 3, 4, 5] ~~~