JS数组添加删除的常见用法
在写网页功能时，经常要动态更新数据列表。比如用户在购物车里加减商品，后台管理里增删员工信息，这些都离不开对数组的操作。JavaScript 提供了多种方法来添加和删除数组元素，掌握它们能让你的代码更灵活。
往数组末尾添加元素：push()
最常用的方法是 push()，它能把一个或多个元素加到数组最后面，并返回新长度。
let fruits = ['苹果', '香蕉'];
fruits.push('橙子');
console.log(fruits); // ['苹果', '香蕉', '橙子']就像你在便利店里买东西，每拿一袋零食就往购物袋末尾塞进去一样。
从数组末尾删除元素：pop()
对应地，pop() 会移除最后一个元素，并返回被删的那个值。原数组长度减一。
let last = fruits.pop();
console.log(last); // 橙子
console.log(fruits); // ['苹果', '香蕉']这就像结账时把最后一件商品拿出来核对价格。
在开头添加元素：unshift()
如果想往数组前面加东西，可以用 unshift()。
fruits.unshift('草莓');
console.log(fruits); // ['草莓', '苹果', '香蕉']比如微信群聊消息列表，新消息总出现在最上面，就可以用这个方法处理。
删除第一个元素：shift()
与 unshift() 相反，shift() 删除并返回第一个元素。
let first = fruits.shift();
console.log(first); // 草莓
console.log(fruits); // ['苹果', '香蕉']这种操作适合处理队列场景，先进先出。
通过索引灵活增删：splice()
更强大的是 splice()，它能在任意位置添加或删除元素。语法是 splice(起始位置, 删除个数, 添加元素...)。
比如在第二个位置插入一个水果：
fruits.splice(1, 0, '葡萄');
console.log(fruits); // ['苹果', '葡萄', '香蕉']如果想删掉中间某个元素，比如去掉‘葡萄’：
fruits.splice(1, 1);
console.log(fruits); // ['苹果', '香蕉']这个方法像手术刀一样精准，适合编辑名单、排序调整等场景。
用 filter() 创建新数组删除元素
有时候不想修改原数组，可以使用 filter() 筛选出不需要删除项的新数组。
let nums = [1, 2, 3, 4, 5];
let filtered = nums.filter(n => n !== 3);
console.log(filtered); // [1, 2, 4, 5]
console.log(nums); // [1, 2, 3, 4, 5] 原数组不变这种写法在 React 或 Vue 这类框架中很常见，强调数据不可变性。
合并数组添加元素
除了逐个添加，还可以用展开运算符快速合并数组。
let more = ['芒果', '西瓜'];
fruits = [...fruits, ...more];
console.log(fruits); // ['苹果', '香蕉', '芒果', '西瓜']这种方式简洁明了，适合批量导入数据的场景。