JS如何增加、替换、删除数组元素？

splice() 方法可以实现对数组的增加、替换、删除操作。

语法

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

• start​

指定修改的开始位置（从0计数）。如果超出了数组的长度，则从数组末尾开始添加内容；如果是负值，则表示从数组末位开始的第几位（从-1计数，这意味着-n是倒数第n个元素并且等价于array.length-n）；如果负数的绝对值大于数组的长度，则表示开始位置为第0位。

• deleteCount(可选)

整数，表示要移除的数组元素的个数。如果 deleteCount 大于 start 之后的元素的总数，则从 start 后面的元素都将被删除（含第 start 位）；如果 deleteCount 被省略了，或者它的值大于等于array.length – start(也就是说，如果它大于或者等于start之后的所有元素的数量)，那么start之后数组的所有元素都会被删除；如果 deleteCount 是 0 或者负数，则不移除元素。这种情况下，至少应添加一个新元素。

• item1, item2, …(可选)

要添加进数组的元素,从start 位置开始。如果不指定，则 splice() 将只删除数组元素。

使用示例

1)增加

const blogInfo = ['四个空格', 'https://www.4spaces.org', 'michael', 'v2ray'];
blogInfo.splice(1, 0, 'shadowsocks');
console.log(blogInfo);

打印结果：["四个空格", "shadowsocks", "https://www.4spaces.org", "michael", "v2ray"]。

2)替换

const blogInfo = ['四个空格', 'https://www.4spaces.org', 'michael', 'v2ray'];
blogInfo.splice(0, 1, '4psaces');
console.log(blogInfo);

打印结果：["4psaces", "https://www.4spaces.org", "michael", "v2ray"]。

3)删除

const blogInfo = ['四个空格', 'https://www.4spaces.org', 'michael', 'v2ray'];
blogInfo.splice(2, 1);
console.log(blogInfo);

打印结果：["四个空格", "https://www.4spaces.org", "v2ray"]。

References:

1. Array.prototype.splice()