js如何一次循环删除数组中的多个元素

思路: 数组遍历删除一个元素很容易,通过splice方法删除对应索引的元素即可,但是遍历删除多个元素就复杂了很多,首先不能按索引从小到大的顺序删除,这样可能会导致索引对应的元素发生变化,误删或找不到该索引对应的元素。那如何做到呢?

示例

下面的示例即实现了一次循环删除多个元素,又实现了将删除的元素合并到新的数组中

let leftData = [1,2,3,4,5]  //原数组
let targetKeys = [3,5]  //要删除的元素
let rightData = [6,7]   //最终需要的数组
let leg = this.leftData.length
for (let i = leg - 1; i >= 0; i--) {
    for (let j = 0; j < targetKeys.length; j++) {
        if (leftData[i]) {
            if (leftData[i] == targetKeys[j]) {
                rightData.push(leftData[i])
                leftData.splice(i, 1)
                continue; //结束当前本轮循环,开始新的一轮循环
            }
        }
    }
}

用途

可以实现穿梭框功能。
穿梭框的实现

猜你喜欢

转载自blog.csdn.net/flitrue/article/details/80266829