新西兰服务器

es6新增的遍历方法是什么


es6新增的遍历方法是什么

发布时间:2022-03-27 12:28:52 来源:高防服务器网 阅读:55 作者:小新 栏目:web开发

这篇文章主要介绍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新增的遍历方法是什么”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注高防服务器网行业资讯频道!

[微信提示:高防服务器能助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

[图文来源于网络,不代表本站立场,如有侵权,请联系高防服务器网删除]
[