如何在数组中查找元素

Question

我是javascript的新手，我有一个对象数组。

var cart = [
  { id: 1, price: 2 },
  { id: 2, price: 1 }
];

我正在使用for循环来查找ID：

for (var i = 0; i < cart.length; i++) {
  if (cart[i].id === id) {
    return cart[i]
  }
}

return null;

我知道有像find()这样的函数，但是我不太清楚如何使用它。 有人可以帮忙吗？

Answer 1

使用find ，您可能需要babel ，但只需要您需要的代码：

ES6

const id = 1;
const found = cart.find(item => item.id === id)

Vanilla

var id = 1;
var found = cart.find(function(item) {return item.id === id})

find需要一个函数（在我们的例子中使用es6 : () => {}是一个匿名函数），并将它应用于列表中的每个项目，直到找到第一个匹配项，它是如何知道它是匹配的：一旦你的函数返回true，它就会切断循环，并返回该项。

然而

另一个选项，它不使用find但可能比传统的for循环更具可读性：

var id = 1;
for(var item in cart) {
  if(item.id == id) {
    return item;
  }
}
return null

还有一些库可以帮助你以不同的方式实现这一点，例如： underscore.js ， lodash ，我不会介绍，但你可以看看你是否真的感兴趣。

Answer 2

你是对的。 有一个名为find的函数。 您可以设置回调函数以与find一起使用，甚至可以将其设置为接受参数（例如id ）：

 var cart = [{ id: 1, price: 2 }, { id: 2, price: 1 }]; function byID(id) { return function(element) { return element.id == id; } } var item = cart.find(byID(2)); console.log(item); 

对于这样的问题，我非常感谢图书馆lodash 。 它允许你做这样的事情：

 var cart = [{id: 1, price: 5}, {id: 2, price: 6}]; var item = _.find(cart, {id:2}); console.log(item); 

 <script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>