通过AngularJS方式在对象数组中按其属性查找对象

Question

我有一个像下面这样的数组

var myArray = [{'id':'73','name':'john'},{'id':'45','name':'Jass'}, etc.]

现在我有了一个id73如何从数组中选择这个特定的对象。我明白了，我可以在jQuery中用grep轻松实现这一点，有没有什么方法可以做到这一点？

由于大多数使用angular开发应用程序的用户总是从对象数组（主要用于表格）获取数据，因此应该有一个辅助函数来实现这一点？

这样我就可以通过更新对象的数组用行的ID来更改行的数据。

我不想把这件事牵扯进来。我想操作数据，并用函数更新数据。

例如我有一张桌子清单。如果最终用户从表中编辑一行，我就有了对象的ID，所以在最终用户点击save之后，我需要更新数组，然后返回到表列表。

Answer 1

对于完整的M B答案，如果您想访问这个对象的特定属性已经从您的超文本标记语言的数组中过滤出来，您将不得不这样做：

{（myArray | filter:{'id'：73}[0]。名称}

因此，在本例中，它将在HTML中打印john。

问候！

Answer 2

简单的JavaScript怎么样？更多关于Array.prototype.filter（）.

var myArray = [{'id': '73', 'name': 'john'}, {'id': '45', 'name': 'Jass'}]

var item73 = myArray.filter(function(item) {
  return item.id === '73';
})[0];

// even nicer with ES6 arrow functions:
// var item73 = myArray.filter(i => i.id === '73')[0];

console.log(item73); // {"id": "73", "name": "john"}

Answer 3

您可以使用angular的过滤器https://docs.angularjs.org/api/ng/filter/filter

在控制器中：

$filter('filter')(myArray, {'id':73}) 

或超文本标记语言

{{ myArray | filter : {'id':73} }}