js如何删除数组中的特定元素

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

let fruits = ['apple', 'banana', 'orange', 'grape', 'banana']; let elementToDelete = 'banana';  // 找到第一个匹配的元素并删除 let index = fruits.indexOf(elementToDelete); if (index !== -1) {     fruits.splice(index, 1); // 从找到的索引开始，删除1个元素 } console.log(fruits); // 输出: ['apple', 'orange', 'grape', 'banana'] - 注意，只删除了第一个'banana'  // 如果要删除所有匹配的元素，需要循环处理，并且要特别注意索引的变化 // 更好的做法是使用 filter，但如果非要用 splice 且修改原数组，可以这样做： fruits = ['apple', 'banana', 'orange', 'grape', 'banana']; // 重置数组 for (let i = 0; i < fruits.length; i++) {     if (fruits[i] === elementToDelete) {         fruits.splice(i, 1);         i--; // 删除后，当前索引位置的元素被后面的顶替了，所以需要将索引减1，确保下一个循环检查到新的元素     } } console.log(fruits); // 输出: ['apple', 'orange', 'grape']

let numbers = [1, 2, 3, 4, 3, 5]; let valueToRemove = 3;  let newNumbers = numbers.filter(item => item !== valueToRemove); console.log(newNumbers); // 输出: [1, 2, 4, 5] console.log(numbers);   // 输出: [1, 2, 3, 4, 3, 5] - 原数组未改变

let arr = [1, 2, 3]; arr.pop(); // 删除最后一个元素 3 console.log(arr); // [1, 2]  arr.shift(); // 删除第一个元素 1 console.log(arr); // [2]

let colors = ['red', 'green', 'blue']; delete colors[1]; console.log(colors);      // 输出: ['red', undefined, 'blue'] console.log(colors.length); // 输出: 3

const users = [     { id: 1, name: 'Alice' },     { id: 2, name: 'Bob' },     { id: 3, name: 'Charlie' } ];  const userIdToRemove = 2;  // 创建一个新数组，不包含id为2的用户 const updatedUsers = users.filter(user => user.id !== userIdToRemove);  console.log('原始用户列表:', users); // 原始用户列表: [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' } ]  console.log('更新后的用户列表:', updatedUsers); // 更新后的用户列表: [ { id: 1, name: 'Alice' }, { id: 3, name: 'Charlie' } ]  // 你会发现，原始的 `users` 数组并没有被修改，这正是我们想要的。

true

false

const inventory = [     { name: '新款手机', sku: 'A001' },     { name: '旧款手机', sku: 'B002' },     { name: '耳机', sku: 'C003' },     { name: '旧款手机', sku: 'B003' },     { name: '充电宝', sku: 'D004' },     { name: '旧款手机', sku: 'B004' } ];  const itemToRemoveName = '旧款手机';  // 使用 filter 轻松删除所有匹配项 const updatedInventory = inventory.filter(item => item.name !== itemToRemoveName);  console.log('原始库存:', inventory); // 原始库存: [ { name: '新款手机', sku: 'A001' }, { name: '旧款手机', sku: 'B002' }, ... ]  console.log('更新后库存 (所有旧款手机已移除):', updatedInventory); /* 更新后库存: [     { name: '新款手机', sku: 'A001' },     { name: '耳机', sku: 'C003' },     { name: '充电宝', sku: 'D004' } ] */

let numbersWithDuplicates = [1, 2, 3, 4, 3, 5, 3]; let valToRemove = 3;  for (let i = 0; i < numbersWithDuplicates.length; i++) {     if (numbersWithDuplicates[i] === valToRemove) {         numbersWithDuplicates.splice(i, 1);         i--; // 关键一步：因为删除了元素，后续元素前移，所以要减小索引，确保下一个循环检查到当前位置的新元素     } } console.log(numbersWithDuplicates); // 输出: [1, 2, 4, 5]

let letters = ['a', 'b', 'c', 'd', 'e']; console.log('原始数组:', letters); // ['a', 'b', 'c', 'd', 'e']  letters.splice(2, 1); // 删除索引为2的元素 'c' console.log('删除后:', letters); // ['a', 'b', 'd', 'e'] console.log('新数组长度:', letters.length); // 4  // 此时，原来的 'd' (索引3) 变成了新的 'd' (索引2) // 原来的 'e' (索引4) 变成了新的 'e' (索引3)

let data = [10, 20, 30, 40, 50]; console.log('原始数据:', data); // [10, 20, 30, 40, 50]  let filteredData = data.filter(item => item !== 30); console.log('筛选后数据:', filteredData); // [10, 20, 40, 50]  // 原始数组 `data` 保持不变，其索引结构也保持不变。 // 新数组 `filteredData` 有了全新的索引： // 10 在 filteredData 中索引是 0 // 20 在 filteredData 中索引是 1 // 40 在 filteredData 中索引是 2 (在原数组中是 3) // 50 在 filteredData 中索引是 3 (在原数组中是 4)