javascript - 在 JavaScript 中检查数组是否包含具有特定属性值的对象？

Question

如果我有类似的东西

[Object(id:03235252, name:"streetAddress"), Object(id:32624666, name:"zipCode")...]

如何从该数组中删除名称设置为“zipCode”的对象？

Answer 1

如果你需要修改现有的 Array，你应该使用splice().

for (var i = array.length - 1; i > -1; i--) {
    if (array[i].name === "zipCode")
        array.splice(i, 1);
}

请注意，我正在反向循环。这是为了处理当您执行 a 时.splice(i, 1)，数组将被重新索引的事实。

如果我们进行前向循环，我们还需要在i每次执行 a 时进行调整.splice()以避免跳过索引。

Answer 2

arr = arr.filter(function (item) {
  return (item.name !== 'zipCode');
});

Answer 3

var i = array.length;
while(i-- > 0) {
    if (array[i].name === "zipCode")
        array.splice(i, 1);
}

• 向后循环遍历数组（因此拼接时不必跳过索引）
• 检查每个项目的名称，如果它是“邮政编码”
  • 如果是，请使用yourArray.splice(index,1);将其拼接起来。

然后：

• 如果有多个名称的值可能为“zipCode”，请继续
• 打破循环

Answer 4

更新的建议

由于在数组上做原型是不好的做法，因此更新了这个答案，所以让使用建议的人在这里编写更好的代码是一个更好的选择：

const myArr = [
  {
    name: "lars",
    age: 25
  }, {
    name: "hugo",
    age: 28
  }, {
    name: "bent",
    age: 24
  }, {
    name: "jimmy",
    age: 22
  }
];

const findAndRemove = (array, prop, value) => {
  return array.filter((item) => item[prop] !== value);
}

const newArr = findAndRemove(myArr, 'name', 'jimmy')

console.log(newArr)

可以在这里找到并测试新代码

老建议

这也可以通过阵列上的原型来完成

Array.prototype.containsByProp = function(propName, value){
      for (var i = this.length - 1; i > -1; i--) {
        var propObj = this[i];
          if(propObj[propName] === value) {
            return true;
        }
      }
    return false;
} 

var myArr = [
  {
    name: "lars",
    age: 25
  }, {
    name: "hugo",
    age: 28
  }, {
    name: "bent",
    age: 24
  }, {
    name: "jimmy",
    age: 22
  }
];

console.log(myArr.containsByProp("name", "brent")); // Returns false
console.log(myArr.containsByProp("name", "bent")); // Returns true

代码也可以在这里找到和测试

Answer 5

这可能是一个详细而简单的解决方案。

//plain array
var arr = ['a', 'b', 'c'];
var check = arr.includes('a');
console.log(check); //returns true
if (check)
{
   // value exists in array
   //write some codes
}

// array with objects
var arr = [
      {x:'a', y:'b'},
      {x:'p', y:'q'}
  ];

// if you want to check if x:'p' exists in arr
var check = arr.filter(function (elm){
    if (elm.x == 'p')
    {
       return elm; // returns length = 1 (object exists in array)
    }
});

// or y:'q' exists in arr
var check = arr.filter(function (elm){
    if (elm.y == 'q')
    {
       return elm; // returns length = 1 (object exists in array)
    }
});

// if you want to check, if the entire object {x:'p', y:'q'} exists in arr
var check = arr.filter(function (elm){
    if (elm.x == 'p' && elm.y == 'q')
    {
       return elm; // returns length = 1 (object exists in array)
    }
});

// in all cases
console.log(check.length); // returns 1

if (check.length > 0)
{
   // returns true
   // object exists in array
   //write some codes
}