使用ES6中find和findIndex方法查找數(shù)組元素
在ES6中,如果想要查找數(shù)組的某個或某些元素滿足條件,可以使用find()和findIndex()方法。這兩個方法有一些區(qū)別,接下來我們將詳細(xì)介紹它們的用法。find()方法示例首先,我們定義一個數(shù)組
在ES6中,如果想要查找數(shù)組的某個或某些元素滿足條件,可以使用find()和findIndex()方法。這兩個方法有一些區(qū)別,接下來我們將詳細(xì)介紹它們的用法。
find()方法示例
首先,我們定義一個數(shù)組n1,并賦值[10, 20, 30, 40, 50, 60, 70, 80, 90]。然后,我們調(diào)用find()方法來判斷并查找第一個大于60的元素,并將結(jié)果賦值給變量m1。最后,我們打印出結(jié)果。
```javascript
const n1 [10, 20, 30, 40, 50, 60, 70, 80, 90];
const m1 (num > num > 60);
console.log(m1);
```
運行以上代碼,控制臺將輸出78,這恰好是數(shù)組中第一個大于60的元素。
傳入?yún)?shù)的find()方法示例
除了可以直接傳入一個條件函數(shù)作為參數(shù)外,find()方法還可以傳入三個參數(shù):值、索引和數(shù)組。接下來我們定義一個數(shù)組n2,并賦值[100, 200, 300, 400, 500, 600, 700, 800, 900],然后調(diào)用find()方法,并傳入一個條件函數(shù)來查找第一個大于500的元素。最后,我們打印出結(jié)果。
```javascript
const n2 [100, 200, 300, 400, 500, 600, 700, 800, 900];
const m2 ((num, index, arr) > num > 500);
console.log(m2);
```
再次運行代碼,我們可以看到結(jié)果為678,正好是數(shù)組的第二個元素(大于500的第一個元素)。
findIndex()方法示例
除了find()方法外,ES6還提供了findIndex()方法來查找滿足條件的元素的索引。下面我們定義一個數(shù)組n3,并賦值[1, 2, 3, 4, 5, 6, 7, 8, 9],然后調(diào)用findIndex()方法來返回第一個大于5的元素的索引位置。最后,我們打印出結(jié)果。
```javascript
const n3 [1, 2, 3, 4, 5, 6, 7, 8, 9];
const index (num > num > 5);
console.log(index);
```
保存并運行以上代碼,我們可以看到結(jié)果為2,這意味著數(shù)組n3中的第一個大于5的元素在索引位置2(數(shù)組索引從0開始)。