🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
>[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] ~~~