es6新增的遍歷方法是什么

這篇文章主要介紹es6新增的遍歷方法是什么，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

新增的遍歷方法有：1、findIndex()，可遍歷數組，查找匹配的元素；2、find()，可遍歷數組，查找第一個匹配的元素；3、entries()，對鍵值對進行遍歷；4、keys()，對鍵名進行遍歷；5、values()，對鍵值進行遍歷。

本教程操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。

ES5中常用的10種遍歷方法：

1、原始的for循環語句

2、Array.prototype.forEach數組對象內置方法

3、Array.prototype.map數組對象內置方法

4、Array.prototype.filter數組對象內置方法

5、Array.prototype.reduce數組對象內置方法

6、Array.prototype.some數組對象內置方法

7、Array.prototype.every數組對象內置方法

8、Array.prototype.indexOf數組對象內置方法

9、Array.prototype.lastIndexOf數組對象內置方法

10、for...in循環語句

es6新增的遍歷方法

findIndex(callback [, thisArg])查找數組中匹配的元素

找到一個就返回匹配的元素的下標，沒找到就返回-1。
let arr = [1, 2, 3, 4, 5, 6]// 此時我們找大于2的數
let newArr = arr.findIndex(val => {return val > 2})
console.log(newArr) // 2

find(fn(callback [, thisArg])

查找數組中匹配的元素，找到一個就返回匹配的元素，沒找到就返回undefined。

注：下面的例子相對于需求是一個錯誤的示范，因為我們要找出大于2的數，當找到匹配到3時，滿足條件，函數就會停止。

例：

let arr = [1, 2, 3, 4, 5, 6]
// 此時我們找大于2的數
let newArr = arr.find(val => {
    return val > 2
})
console.log(newArr) // 3

entries() ， keys() 和 values()

ES6 提供三個新的方法 —— entries()，keys()和values() —— 用于遍歷數組和對象。它們都返回一個遍歷器對象，可以用for...of循環進行遍歷，唯一的區別是keys()是對鍵名的遍歷、values()是對鍵值的遍歷，entries()是對鍵值對的遍歷。

for (let index of ['a', 'b'].keys()) {
  console.log(index);
}
// 0
// 1

for (let elem of ['a', 'b'].values()) {
  console.log(elem);
}
// 'a'
// 'b'

for (let [index, elem] of ['a', 'b'].entries()) {
  console.log(index, elem);
}
// 0 "a"
// 1 "b"

如果不使用for...of循環，可以手動調用遍歷器對象的next方法，進行遍歷。

let letter = ['a', 'b', 'c'];  
let entries = letter.entries();  
console.log(entries.next().value); // [0, 'a']  
console.log(entries.next().value); // [1, 'b']  
console.log(entries.next().value); // [2, 'c']

以上是“es6新增的遍歷方法是什么”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！