JavaScript 数组系列 XI - 数组循环与迭代（第八部分）

在上一篇文章中，我讨论了如何使用 array 方法遍历数组Array.every()。您可以在下方查看：

JavaScript 数组系列讲解 X - 数组循环与迭代（第七部分）

Nedy Udombat ・ 2019 年 10 月 10 日 ・ 阅读时间 3 分钟

#javascript #webdev #beginners

今天，我将讲解如何使用array.find()来遍历数组。

数组.find()

此方法查找数组中满足指定条件的第一个元素。例如，如果您想查找此数组中的第一个偶数[1, 3, 5, 6, 7, 8, 9]，答案将是 6。

const arr = [1, 3, 5, 6, 7, 8, 9];
const even = arr.find(num => num%2 === 0);
console.log(even); //6

循环一直运行到 6 为止，并返回 6。如果数组中没有元素满足条件，则返回undefined。

const arr = [1, 3, 5, 7, 9];
const even = arr.find(num => num%2 === 0);
console.log(even); //undefined

我们来看一下语法。

// syntax
arr.find(callback([currentValue], [arrayIndex], [arr]));

[currentValue]：这是正在处理的数组中的当前元素。处理完成后，当前值将成为数组中下一个元素的值。

[arrayIndex]：这是数组中当前值的索引。处理完当前值后，此值也会发生变化。

[arr]：这是正在遍历的数组。

[回调函数]：这是一个对数组中的每个元素执行的函数。它接受前三个参数（当前值、索引和数组）。

以下是一些例子：

• 找出数组中第一个年龄达到可以买车年龄（18岁）的人。

  // array
  const playerArr = [
    { name: "Soji", age: 8},
    { name: "Chukwudi", age: 15},
    { name: "Nedy", age: 22},
    { name: "Ezekiel", age: 17},
    { name: "LII", age: 50},
  ]

  const firstEligibleCandidate = playerArr.find(player => player.age > 18);
  console.log(firstEligibleCandidate) //{ name: "Nedy", age: 22}

结论

Array.find()当你想找到数组中第一个符合特定条件的元素时，这个方法非常有用。如果你想找到该元素的位置（索引），可以使用这个方法。我会写一篇关于这个数组方法的文章，关注我@nedyudombatArray.findIndex()即可在文章发布时收到通知。

您还有其他使用该Array.find()函数的实例吗？欢迎在评论区分享。

今天就到这里，明天我们将讨论数组迭代中使用的另一组函数。

以下是我撰写的关于数组系列的其他文章的链接：

• 什么是数组？
• 创建数组的其他方法。
• 数组属性
• 数组循环与迭代（第一部分）
• 数组循环与迭代（第二部分）
• 数组循环与迭代（第三部分）
• 数组循环与迭代（第四部分）
• 数组循环与迭代（第五部分）
• 数组循环与迭代（第六部分）
• 数组循环与迭代（第七部分）

有任何疑问、补充或更正吗？请留言。

感谢阅读。👍