javascript - 调试 forEach 循环以了解其工作原理

Question

我希望您能帮助我完成以下简单练习。我正在学习 forEach 但我不确定错误在哪里。尝试了多种方式解决它，但仍然出现错误。

我的目标是遍历数组 phoneBook 并显示在页面相应的名称和编号。

示例:如果我搜索“Fede”，结果应该是“Fede1234”

var phoneBook = [{
  name: "Fede",
  number: "1234"
}, {
  name: "Marco",
  number: "5678"
}]

phoneBook.forEach(search(name))

function search(name) {
  if (name === phoneBook.name) {
    document.write(phoneBook.name + phoneBook.number)
  }
}

Answer 1

这里发生了一些事情。在这一行:phoneBook.forEach(search(name)) undefined variable name。如果你想传入每个对象，该行应该是:

phoneBook.forEach(搜索)

这会自动将每个对象传递给搜索函数。

搜索功能本身也有一些问题:

function search(name) {
  if (name === phoneBook.name) {
      document.write(phoneBook.name + phoneBook.number)
  }
}

在这种情况下，name 是整个对象。此外，由于 phonebook 是数组，因此调用 phonebook.name 不会返回任何内容。

试试这个:

var phoneBook = [{name: "Fede" , number: "1234"}, {name: "Marco" , number: "5678"}]
var name = "Fede";
phoneBook.forEach(search)

function search(object) {
  if (name === object.name) {
  document.write(object.name + object.number)
  }
}

现在，name 已定义，搜索功能将应用于电话簿中的每个对象。