javascript - 在另一个数组中查找项目并从数组中删除匹配的项目

Question

我有两个数组，其记录如下:

var cars = ["Saab", "Volvo", "BMW"]; 

var cars1 = ["Saab", "Volvo", "BMW"]; 

现在我想从 Cars1 中删除匹配元素，所以最后我的 Cars1 数组将如下所示:

var cars = ["Saab", "Volvo", "BMW"]; 

var cars1 = ["Saab", "Volvo", "BMW"]; 

 for (var i = 0; i < cars1.length; i++) {
                for (var j = 0; j < cars.length; j++) {
                    if (cars1[i] == cars[j]) {
                        cars1.splice(i, 1);
                        break;
                    }
                }
            }
console.log(cars1)

预期输出:

 var cars1 = []; 

我没有得到预期的输出。

Answer 1

使用简单的功能方法来节省一些空间并使其更干净，我建议使用 Array.prototype.filter与 Array.prototype.indexOf 结合像这样:

var cars = ["Saab", "Volvo", "BMW"]; 

var cars1 = ["Saab", "Volvo", "BMW", "VW"];

cars1 = cars1.filter(car => cars.indexOf(car) < 0)

console.log(cars1)

filter方法为每个元素调用传递的回调，如果回调返回 false如果返回true则不会返回该元素返回该元素。请注意 filter方法返回一个新数组，并且不修改当前数组!感谢@denys-séguret 提及!

indexOf返回传递的元素的索引。如果没有找到-1被返回。这就是为什么要过滤掉所有元素，其中索引为 < 0 ，仅返回 cars 中尚未存在的元素数组。