使用 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]
通常,filter
和 reduce
是处理这类问题的最简单方法,因为它们创建了新数组而不会修改原始数组,并且代码更简洁。如果你需要修改原始数组,可以在 filter
或 reduce
后将结果赋值回原数组。