如何从数组中删除具有给定属性的对象

时间:2016-11-13 04:04:33

标签: javascript arrays

我有一个包含多个对象的数组,如下所示。如何删除包含特定值的完整对象。

var cars=  [
{key: 'browser', label: 'Chrome'},
{key: 'browser', label: 'Firefox'},
{key: 'browser', label: 'Safari'}
];

例如,要删除的对象是包含标签chrome和safari的对象。

我遇到过单维数组值的例子,但这是一个对象数组。

5 个答案:

答案 0 :(得分:2)

您可以使用Array.prototype.filter仅返回特定值或仅排除某些值。

var cars =  [
  {key: 'browser', label: 'Chrome'},
  {key: 'browser', label: 'Firefox'},
  {key: 'browser', label: 'Safari'}
];

// Filter by only the thing you want
var firefoxOnly = cars.filter(function(item) {
  return item.label === 'Firefox';
});

console.log(firefoxOnly);

// filter out the things you don't want
var notChromeSafari  = cars.filter(function(item) {
  return item.label !== 'Chrome' && item.label !== 'Safari';
});

console.log(notChromeSafari);

// or make a set of exclusions to filter out things you don't want
// you could also make this a list of inclusions, 
// it would be the inverse of this. I'll leave that as an exercise for the reader.
var exclusions = ['Chrome', 'Safari'];

var filtered  = cars.filter(function(item) {
  // only return items that are not in the exclusion list
  return exclusions.indexOf(item.label) === -1;
});

console.log(filtered);

答案 1 :(得分:0)

只需遍历数组并通过检查属性是否为给定值来删除您不想要的项目。请注意,您需要从最后一个循环到第一个循环,以便每次迭代时索引都是正确的。

var cars=  [
    {key: 'browser', label: 'Chrome'},
    {key: 'browser', label: 'Firefox'},
    {key: 'browser', label: 'Safari'}
];

for(var i = cars.length -1; i >= 0 ; i--){
    if(cars.label == "Safari" || cars.label == "Chrome"){
        cars.splice(i, 1);
    }
}

答案 2 :(得分:0)

您可以使用Array filter功能来实现此目的。

var cars = [{
  key: 'browser',
  label: 'Chrome'
}, {
  key: 'browser',
  label: 'Firefox'
}, {
  key: 'browser',
  label: 'Safari'
}];

let removeKeys = ["Safari", "Chrome"];

let filteredArray = cars.filter((obj) => removeKeys.indexOf(obj.label) === -1);

console.log(filteredArray);

答案 3 :(得分:0)

首先,您需要找到要删除的对象标签的索引。

var cars= [ {key: 'browser', label: 'Chrome'}, {key: 'browser', label: 'Firefox'}, {key: 'browser', label: 'Safari'} ];

for(var i = 0; i < cars.length ; i++)
{ 
     if(cars.label == "Safari" || cars.label == "Chrome")
     { 
           delete cars[i].label
     }
}

这只会移除lebel。如果要删除整个元素,请使用cars.splice(i, 1)

答案 4 :(得分:0)

这个解决方案怎么样:

var cars=  [
 {key: 'browser', label: 'Chrome'},
 {key: 'browser', label: 'Firefox'},
 {key: 'browser', label: 'Safari'}
 ];

var arr = [];
for(var i = 0; i < cars.length; i++){
 if(cars[i].label !== 'Safari' && cars[i].label !== 'Chrome'){
  arr.push(cars[i]);
 }
}
console.log(arr);