[Day25] Array methods 阵列操作方法(3)

直接进入 Array methods 实作练习主题。

push()

新增元素至原阵列末端，可一次新增多个，并用逗号 , 隔开，新增後 length 会跟着改变，如下例：

const numarr1 = [16, 14, 76, 53, 43];
numarr1.push(13, 15, 17); 
console.log(numarr1); // [16, 14, 76, 53, 43, 13, 15, 17]，length 变 8

pop()

删除并取出原阵列最後一个元素。

const numarr1 = [16, 14, 76, 53, 43];
const a = numarr1.pop();
console.log(numarr1); // [16, 14, 76, 53] 
console.log(a); // 43

shift()

与 pop() 不同的是，shift 是删除并取出原阵列第一个元素，

const numarr2 = [16, 14, 76, 53];
const b = numarr2.shift();
console.log(numarr2); // [14, 76 ,53]
console.log(b); // 16

unshift()

unshift 是新增元素至阵列的开头，可新增多个元素，并用逗号隔开：

const numarr2 = [16, 14, 76, 53];
numarr2.unshift("Andy", "双十节", "国庆日");
console.log(numarr2); // ['Andy', '双十节', '国庆日', 16, 14, 76, 53]

reverse()

将阵列反转，变更原本的顺序：

const newArr1 = [1, 2, 3, 4, 5, 6, 7]
newArr1.reverse();
console.log(newArr1); // [7, 6, 5, 4, 3, 2, 1]

splice()

包含三个参数(index, length, elements)，

• index 为必填
• length 选填，若不填则视第一位(index)设定後面都会被删除，填 0 则是没有元素会被删除
• elements 选填，若不新增则不填。

const newArr1 = [1, 2, 3, 4, 5, 6, 7]
newArr1.splice(4)
console.log(newArr1); // [1, 2, 3, 4]

例 2： splice(4, 2, 3)意思就是从索引值 4 开始移除两个元素，并新增 3。

const newArr2 = [16, 14, 76, 53, 43, "小明", "安迪"]
newArr2.splice(4, 2, 3)
console.log(newArr2); // [16, 14, 76, 53, 3, '安迪'] 
// 原索引值的 43 跟小明被移除并新增 3

参考资料

Array-MDN
JavaScript Array 阵列操作方法大全 ( 含 ES6 )-OOXX