使用ES6中find和findIndex方法查找数组元素

在ES6中，如果想要查找数组的某个或某些元素满足条件，可以使用find()和findIndex()方法。这两个方法有一些区别，接下来我们将详细介绍它们的用法。

find()方法示例

首先，我们定义一个数组n1，并赋值[10, 20, 30, 40, 50, 60, 70, 80, 90]。然后，我们调用find()方法来判断并查找第一个大于60的元素，并将结果赋值给变量m1。最后，我们打印出结果。

```javascript

const n1 [10, 20, 30, 40, 50, 60, 70, 80, 90];

const m1 (num > num > 60);

console.log(m1);

```

运行以上代码，控制台将输出78，这恰好是数组中第一个大于60的元素。

传入参数的find()方法示例

除了可以直接传入一个条件函数作为参数外，find()方法还可以传入三个参数：值、索引和数组。接下来我们定义一个数组n2，并赋值[100, 200, 300, 400, 500, 600, 700, 800, 900]，然后调用find()方法，并传入一个条件函数来查找第一个大于500的元素。最后，我们打印出结果。

```javascript

const n2 [100, 200, 300, 400, 500, 600, 700, 800, 900];

const m2 ((num, index, arr) > num > 500);

console.log(m2);

```

再次运行代码，我们可以看到结果为678，正好是数组的第二个元素（大于500的第一个元素）。

findIndex()方法示例

除了find()方法外，ES6还提供了findIndex()方法来查找满足条件的元素的索引。下面我们定义一个数组n3，并赋值[1, 2, 3, 4, 5, 6, 7, 8, 9]，然后调用findIndex()方法来返回第一个大于5的元素的索引位置。最后，我们打印出结果。

```javascript

const n3 [1, 2, 3, 4, 5, 6, 7, 8, 9];

const index (num > num > 5);

console.log(index);

```

保存并运行以上代码，我们可以看到结果为2，这意味着数组n3中的第一个大于5的元素在索引位置2（数组索引从0开始）。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。