ES8 给数组新增了 findIndex() 和 find() 方法

ES8 给数组新增了 findIndex() 和 find() 方法

在 ES8 中，JavaScript 语言新增了两个数组方法 findIndex() 和 find()，这两个方法为我们在数组操作过程中带来了方便和效率，在实际开发中也广泛使用。本文将详细介绍这两个方法的用法，以及指导意义。

findIndex() 方法

findIndex() 方法用于查找数组中满足条件的元素的索引值，并返回。该方法接受一个回调函数作为参数，函数会遍历整个数组，返回第一个满足条件的元素的索引值，如果没有符合条件的元素，则返回 -1。

回调函数接受三个参数：数组的元素值、元素的索引值和数组本身。函数可以返回一个布尔类型的值，用于判断元素是否满足条件。如果条件成立，则 findIndex() 方法会返回当前元素的索引值。

下面是一个示例代码，用于查找所有小于 0 的元素的索引值：

const arr = [1, 2, -1, 3, -2];
const index = arr.findIndex(item => item < 0);

console.log(index); // 输出：2

在上面的代码中，我们使用了 ES6 的箭头函数语法来定义回调函数，返回值为判断表达式 item < 0 的结果。因此，findIndex() 方法会遍历整个数组，找到满足条件的第一个元素 -1，返回其索引值 2。

find() 方法

find() 方法与 findIndex() 方法类似，用于查找数组中满足条件的元素的值，并返回。该方法同样接受一个回调函数作为参数，函数会遍历整个数组，返回第一个满足条件的元素的值，如果没有符合条件的元素，则返回 undefined。

回调函数接受三个参数：数组的元素值、元素的索引值和数组本身。函数可以返回一个布尔类型的值，用于判断元素是否满足条件。如果条件成立，则 find() 方法会返回当前元素的值。

下面是一个示例代码，用于查找数组中最小的正整数：

const arr = [-1, 2, 3, 1, 5];
const result = arr.find(item => item > 0);

console.log(result); // 输出：2

在上面的代码中，我们使用了 ES6 的箭头函数语法来定义回调函数，返回值为判断表达式 item > 0 的结果。因此，findIndex() 方法会遍历整个数组，找到满足条件的第一个元素 2，返回其值。

指导意义

使用 findIndex() 和 find() 方法可以让我们更加方便地在数组中查找元素，减少了开发的工作量。同时，也让我们更加高效地使用数组。在实际开发过程中，我们也可以使用这两个方法实现一些实用的功能，比如查找数组中重复的元素等。

总结

ES8 新增的 findIndex() 和 find() 方法为我们在数组操作过程中带来了便利和效率提升。使用这两个方法可以让我们更加容易地查找数组中的元素，实现一些实用的功能。在使用这两个方法的时候，需要注意回调函数的参数和返回值，以及判断条件的正确性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64649cc4968c7c53b057e345