JavaScript中移除两个数组的指定元素与空元素的方法

嘿，这个需求其实很明确——以arr2的非空元素位置为基准，同步过滤arr1和arr2，最终得到对应位置的有效元素集合。我给你分享几个实用的JavaScript解法，你可以根据自己的代码风格和场景选择：

方法一：先收集有效索引，再映射数组 #

这种方法逻辑最直观，先找出arr2中非空元素的索引，再用这些索引去提取两个数组的对应元素：

let arr1 = ['apples', 'bananas', 'oranges', 'strawberries', 'blueberries', 'pineapple'];
let arr2 = [1,,3,,,4];

// 第一步：收集arr2中非空元素的索引
const validIndices = [];
arr2.forEach((item, index) => {
  // 判断是否为数组空位（空位在遍历中会被解析为undefined）
  if (item !== undefined) {
    validIndices.push(index);
  }
});

// 第二步：根据有效索引过滤两个数组
const filteredArr1 = validIndices.map(index => arr1[index]);
const filteredArr2 = validIndices.map(index => arr2[index]);

console.log(filteredArr1); // 输出: ['apples', 'oranges', 'pineapple']
console.log(filteredArr2); // 输出: [1, 3, 4]

如果需要更严谨地判断数组空位（避免把0、''这类 falsy 值误判为空），可以把判断条件改成arr2.hasOwnProperty(index)——因为数组的空位不会拥有自身属性。

方法二：单轮遍历同时过滤两个数组 #

这种方法只需要遍历一次arr1，效率更高，适合处理规模较大的数组：

let arr1 = ['apples', 'bananas', 'oranges', 'strawberries', 'blueberries', 'pineapple'];
let arr2 = [1,,3,,,4];

const filteredArr2 = [];
// 过滤arr1的同时，同步收集arr2的有效元素
const filteredArr1 = arr1.filter((_, index) => {
  const currentArr2Item = arr2[index];
  if (currentArr2Item !== undefined) {
    filteredArr2.push(currentArr2Item);
    return true; // 保留arr1当前位置的元素
  }
  return false; // 过滤arr1当前位置的元素
});

console.log(filteredArr1); // 输出: ['apples', 'oranges', 'pineapple']
console.log(filteredArr2); // 输出: [1, 3, 4]

方法三：用reduce一次性构建结果（函数式风格） #

如果你喜欢函数式编程的写法，用reduce可以一次性构建出两个过滤后的数组，代码更紧凑：

let arr1 = ['apples', 'bananas', 'oranges', 'strawberries', 'blueberries', 'pineapple'];
let arr2 = [1,,3,,,4];

// 用reduce初始化一个包含两个空数组的累加器
const { filteredArr1, filteredArr2 } = arr2.reduce((acc, item, index) => {
  if (item !== undefined) {
    acc.filteredArr1.push(arr1[index]);
    acc.filteredArr2.push(item);
  }
  return acc;
}, { filteredArr1: [], filteredArr2: [] });

console.log(filteredArr1); // 输出: ['apples', 'oranges', 'pineapple']
console.log(filteredArr2); // 输出: [1, 3, 4]

这三种方法都能完美实现你的需求，选哪种全看你自己的代码习惯啦～

内容的提问来源于stack exchange，提问作者Little Ball