如何在JavaScript中按索引移除数组元素生成新数组？解决结果异常

你的JavaScript代码结果不符合预期，核心原因是**filter()会移除数组中所有符合条件的元素**，而Python的remove()仅移除第一个匹配的元素。

逻辑差异拆解 #

• Python代码逻辑：复制原数组后，依次移除declinedItems索引对应的原数组值（仅删除复制数组中第一个匹配项）
• 你的JS代码问题：每次用filter()批量移除所有等于目标值的元素，第二次处理10时，把数组里所有的10都删掉了，最终结果少了一个预期保留的10

修正后的代码 #

要模拟Python的逻辑，需找到复制数组中第一个匹配目标值的位置，用splice()移除该元素，而非批量过滤：

const listOfPrices = [15, 30, 10, 20, 10];
const declinedItems = [0, 2];

// 复制原数组（三种方式任选其一）
let annaItem = [...listOfPrices]; 
// let annaItem = listOfPrices.slice();
// let annaItem = listOfPrices.map(item => item);

// 遍历索引，移除对应值的第一个匹配项
for (const idx of declinedItems) {
  const targetValue = listOfPrices[idx];
  const removePos = annaItem.indexOf(targetValue);
  if (removePos !== -1) {
    annaItem.splice(removePos, 1);
  }
}

console.log(annaItem); // 输出 [30, 20, 10]

补充说明 #

• 推荐用for...of遍历数组（而非for...in），for...in会遍历数组的所有可枚举属性，可能引入意外问题
• splice(pos, 1)直接修改数组，移除指定位置的单个元素，和Python的remove()逻辑完全一致

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