JavaScript用splice按条件删除二维数组行误删所有非首行问题求解

核心问题根因 #

代码运行结果不符合预期，是三个逻辑错误叠加导致的：

• 对Array.splice()的参数规则理解偏差：调用splice(i)时如果只传入起始索引，会从当前索引开始删除后面所有数组元素，不是仅删除遍历到的那一行。比如循环到i=1时只要触发删除逻辑，就会把1号索引及之后的所有行全部清空，最后数组只会剩下索引0的表头行，刚好对应你碰到的“除第一行外所有行都被删掉”的现象。
• 行筛选的判断条件不符合需求：原代码里只要第三列值不等于'2A'就执行删除，完全没有把需要保留的2B值纳入判断逻辑，哪怕splice用法写对了，所有2B的行也会被误删。
• 正向遍历+动态删元素的索引错位问题：就算把splice的参数改对，正向循环的时候每删掉一行，后面的元素会整体往前挪一位，但循环计数器还在持续累加，会直接跳过紧邻的下一行，出现漏判、漏删的问题。

修复实现方案 #

最稳妥的实现方式是用Array.filter()生成符合筛选规则的新数组，从根源上规避索引错位的问题，逻辑也更清晰：

function supprimerColonnesInutiles() {
    data = data.filter((row, index) => {
        // 保留表头，对应原代码从i=1开始遍历的逻辑
        if (index === 0) return true;
        // 定义保留行的规则：
        // 1. 第14列（索引13）不是'2019-09-30'
        // 2. 第3列（索引2）的值是'2A'或者'2B'
        const pasDateCible = row[13] !== '2019-09-30';
        const estValeurCible = row[2] === '2A' || row[2] === '2B';
        return pasDateCible && estValeurCible;
    })
}

如果必须直接修改原数组（不生成新数组），需要把遍历方向改成从最后一行往表头倒序遍历，同时修正splice的删除参数，只删当前定位到的单行：

function supprimerColonnesInutiles() {
    // 倒序遍历从数组末尾开始，删除元素不会影响前方未遍历行的索引
    for (let i = data.length - 1; i > 0; i--) {
        const estLigneInvalide = 
            data[i][13] === '2019-09-30' || 
            (data[i][2] !== '2A' && data[i][2] !== '2B');
        // 传入第二个参数1，仅删除当前索引位置的1行
        if (estLigneInvalide) {
            data.splice(i, 1);
        }
    }
}

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