javascript - 如何从数组中查找数据？

Question

首先，我很抱歉询问我不理解的代码。这是当前用于从数组中查找的代码。在此代码中，有一个函数 findProducts(p)。我对这个函数的调用方式感到困惑 this.findProducts, [p.id]。

有人可以帮助我吗，我是 JavaScript 的初学者。

谢谢。

  products = [];
  ngOnInit() {
    this.products = this.getProducts();
  }
  getProducts() {
    return [
      { 'id': '1', 'title': 'Screw Driver', 'price': 400, 'stock': 11 },
      { 'id': '2', 'title': 'Nut Volt', 'price': 200, 'stock': 5 },
      { 'id': '3', 'title': 'Resistor', 'price': 78, 'stock': 45 },
      { 'id': '4', 'title': 'Tractor', 'price': 20000, 'stock': 1 },
      { 'id': '5', 'title': 'Roller', 'price': 62, 'stock': 15 },
    ];
  }

  updateStock(p) {
    console.log(p); //{id: "1", updatedStockValue: 23}
    console.log("final", this.products.find(this.findProducts, [p.id]));
  }

  findProducts(p) {
    console.log(p); //{id: "1", title: "Screw Driver", price: 400, stock: 11…}
    console.log(this); //["1"]

    return p.id === this[0];
  }

Answer 1

Javascript 有一个 Array.find(function(element(){}) 函数，您可以使用它来查找数组中以及 function(element){} 内部的值您定义匹配标准。

此处，Array.find() 函数的参数作为 function(element) 传递，在本例中为 findProducts()，并将其他参数传递给find 函数作为逗号后面的另一个参数给出(在本例中为 p.id)。

您可以在调用函数时传递任意数量的参数，并且可以使用数组索引方法访问它们。例如，您可以这样做

somefunction(someOtherFunction, a, b, c)...
...

稍后您可以访问这些值:

a 将是 this[0]

b 将是 this[1]

c 将是 this[2]