本文介绍如何在JavaScript中高效地从多维数组中根据给定的索引列表删除特定元素，并提供了一种简洁的函数式编程解决方案。通过使用filter方法和includes方法，可以轻松实现数组元素的过滤，避免传统循环方法可能出现的索引错位问题，确保代码的正确性和可读性。
在JavaScript中，处理多维数组时，经常需要根据特定的条件删除或过滤元素。当需要基于多个索引进行过滤时，传统的循环和splice方法可能会导致索引错位，从而产生意想不到的结果。本文将介绍一种更简洁、更可靠的方法，使用filter方法结合includes方法来实现这一目标。
使用filter方法和includes方法
filter方法创建一个新数组，其中包含通过所提供函数实现的测试的所有元素。includes方法确定数组是否包含某个元素，并根据情况返回 true 或 false。 结合使用这两个方法，可以轻松地过滤掉多维数组中指定索引的元素。
立即学习“Java免费学习笔记（深入）”；
示例代码
假设我们有一个多维数组 array1 和一个包含需要删除的索引的数组 keys：
const array1 = [ ['example', 'example'], ['example1', 'example1'], ['example2', 'example2'] ]; const keys = [0, 2]; const result = array1.filter((element, index) => !keys.includes(index)); console.log(result); // 输出: [ [ 'example1', 'example1' ] ]
代码解释
- array1.filter((element, index) => ...)：filter方法遍历 array1 中的每个元素，并为每个元素执行回调函数。
- (element, index) => !keys.includes(index)：这是一个箭头函数，它接收当前元素 element 和它的索引 index 作为参数。
- keys.includes(index)：检查 keys 数组是否包含当前元素的索引 index。如果包含，则返回 true，否则返回 false。
- !keys.includes(index)：对 keys.includes(index) 的结果取反。如果 keys 数组包含当前元素的索引，则表达式返回 false，否则返回 true。
- 只有回调函数返回 true 的元素才会被包含在 filter 方法返回的新数组 result 中。
注意事项
- filter 方法不会修改原始数组 array1，而是返回一个新的过滤后的数组。
- includes 方法在 ES2016 (ES7) 中引入，如果需要在旧版本的 JavaScript 环境中使用，可能需要使用 polyfill。
总结
使用 filter 方法和 includes 方法可以简洁、高效地从 JavaScript 多维数组中根据多个索引过滤元素。这种方法避免了传统循环可能导致的索引错位问题，提高了代码的可读性和可维护性。在处理需要基于多个条件过滤数组元素的情况时，可以考虑使用这种函数式编程的方法。
