使用一个值从数组中删除对象[重复]

Question

可能是初学者提出的一个非常明显的问题：

如果我有以下数组...

var arr = 
  [
    {id: 1, item: "something", description: "something something"},
    {id: 2, item: "something else", description: "something different"},
    {id: 3, item: "something more", description: "more than something"}
  ]

...并希望通过调用 id 来删除其中的特定对象（在这种情况下，通过单击给定相应 id 的 div）...

var thisItem = $(this).attr("id");

...我可以不使用 for 循环来匹配 arr[i] 和 thisItem 吗？如果是这样，怎么办？我将有一个大数组，所以运行 for 循环似乎非常繁重。

谢谢！

Answer 1

纯 JS 解决方案：

var arr = [{
  id: 1,
  item: "something",
  description: "something something"
}, {
  id: 2,
  item: "something else",
  description: "something different"
}, {
  id: 3,
  item: "something more",
  description: "more than something"
}];

var filtered = filterArrayByElemId(arr, 2);
console.log(filtered);

function filterArrayByElemId(arr, id) {
  return arr.filter(function(item) {
    return item.id != id;
  });
}

Answer 2

您可以使用Array.filter 过滤任何数组。此方法将过滤函数作为其参数，并在原始数组的每个元素上运行它。如果此函数的返回值为false，则从返回的新数组中过滤掉该元素。原始数组不受影响。

var arr = 
  [
    {id: 1, item: "something", description: "something something"},
    {id: 2, item: "something else", description: "something different"},
    {id: 3, item: "something more", description: "more than something"}
  ];

function filterArray( id ){
  return arr.filter(function(item){
    return item.id != id;
  });//filter
}//filterArray()

console.log( filterArray(2) );

Answer 3

你可以使用JQuery的grep

arr = jQuery.grep(arr, function(value) {
  return value.id != id;
});