不知道索引,如何删除数组中的多项数据

使用 filter 方法

filter 方法会创建一个新数组,包含通过测试(提供函数)的所有元素。未通过测试的元素将不会被包含在新数组中。

let array = [1, 2, 3, 4, 5, 6];
let valuesToRemove = [3, 5]; // 假设你想删除所有值为3和5的元素

// 使用 filter 创建新数组,不包含要删除的元素
array = array.filter(item => !valuesToRemove.includes(item));

console.log(array); // 输出将是 [1, 2, 4, 6]

这里我是上诉用filter方法过滤出不包含跟valuesToRemove一样的saveTableListChange:

tableList.value = tableList.value.filter(item => !saveTableListChange.value.include(item))

 saveTableListChange.value.include(item)就是tableList中包含saveTableListChange里面的对象值,而!saveTableListChange.value.include(item)就是取反,就是不包含。

其他方法:

使用 reduce 方法

reduce 方法可以对数组中的每个元素执行一个由你提供的“reducer”函数,将其结果汇总为单个返回值。在这个例子中,返回值是一个新数组。

let array = [1, 2, 3, 4, 5, 6];
let valuesToRemove = new Set([3, 5]); // 使用 Set 来存储要删除的值,提高查找效率

// 使用 reduce 创建新数组,不包含要删除的元素
array = array.reduce((accumulator, current) => {
  if (!valuesToRemove.has(current)) {
    accumulator.push(current);
  }
  return accumulator;
}, []);

console.log(array); // 输出将是 [1, 2, 4, 6]

使用 forEach 结合 splice

如果你想在遍历数组的同时删除元素,可以使用 forEach 方法,并在找到要删除的元素时使用 splice 方法。

let array = [1, 2, 3, 4, 5, 6];
let valuesToRemove = new Set([3, 5]);

let index = 0;
array.forEach((item) => {
  if (!valuesToRemove.has(item)) {
    if (index !== array.indexOf(item)) {
      // 如果当前元素的索引和遍历时的索引不一致,说明中间有元素被删除
      array.splice(index, 0, item); // 在当前索引插入当前元素
    }
  } else {
    // 从数组中删除当前元素
    array.splice(index, 1);
  }
});

console.log(array); // 输出将是 [1, 2, 4, 6]

使用 some 方法

some 方法测试数组中是不是至少有一个元素通过了由你提供的函数测试,它返回的是一个布尔值。你可以用它来找到并删除符合条件的元素。

let array = [1, 2, 3, 4, 5, 6];
let valuesToRemove = [3, 5];

// 通过 some 方法找到第一个要删除的元素并删除它
array = array.filter((item, index) => {
  return !valuesToRemove.some(value => value === item);
});

console.log(array); // 输出将是 [1, 2, 4, 6]

通常,filterreduce 是处理这类问题的最简单方法,因为它们创建了新数组而不会修改原始数组,并且代码更简洁。如果你需要修改原始数组,可以在 filterreduce 后将结果赋值回原数组。

  • 7
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值