>[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] ~~~