javascript - AngularJS - 如何检查特定键在数组中是否具有特定值

Question

在 Angular 中，我有一个这样的数组:

$scope.colors =["blue","red","pink","yellow"];

还有一个对象

$scope.cars=[{"brand":"Ford","color":"blue"},{"brand":"Ferrari","color":"red"},{"brand":"Rolls","color":"blue"}];

我想做过滤，这样

<ul>
    <li ng-repeat="n in colors | filter:colorFilter">
    </li>
</ul>

ng-repeat 只会显示 $scope.colors 中作为值存在于 $scope.cars

中的元素

所以，换句话说，它只会显示蓝色和红色

提前致谢!

Answer 1

给定 colors 和 cars 数组，您可以通过以下方式过滤colors:

var colors =["blue","red","pink","yellow"];
var cars=[ {"brand":"Ford","color":"blue"},{"brand":"Ferrari","color":"red"},{"brand":"Rolls","color":"blue"}];

var filteredColors = colors.filter(color => cars.some(car => car.color === color));

console.log(filteredColors);

如果不能使用ES6，应该是:

var colors =["blue","red","pink","yellow"];
var cars=[ {"brand":"Ford","color":"blue"},{"brand":"Ferrari","color":"red"},{"brand":"Rolls","color":"blue"}];

var filteredColors = colors.filter(function(color) { 
    return cars.some(function(car) { 
        return car.color === color;
    });
});

console.log(filteredColors);