这篇文章主要介绍“js数组如何使用es6遍历”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“js数组如何使用es6遍历”文章能帮助大家解决问题。
1、forEach遍历
从头至尾遍历数组,为每个元素调用指定函数。改变数组本身。
var arr = [1, 2, 3, 4, 5, 6] arr.forEach(function (item, idnex, array) { console.log(item) // 1 2 3 4 5 6 console.log(array) // [1, 2, 3, 4, 5, 6] })
2、for-of遍历
es6新增功能,需要es6支持。
for( let i of arr){ console.log(i); }
3、find遍历
遍历数组,返回符合条件的第一个元素,如果没有符合条件的元素则返回 undefined
var arr = [1, 1, 2, 2, 3, 3, 4, 5, 6] var num = arr.find(function (item, index) { return item === 3 }) console.log(num) // 3
4、map遍历
调用的数组的每一个元素传递给指定的函数,并返回一个新数组。不改变原数组。函数的参数只有传进来的数组元素。
var arr = [1,2,3,4,5]; var arr1 = arr.map(function(x){ return x*x; //一对一的关系,传进来一个值,返回一个对应的值。 }) //arr1 = [1,4,9,16,25]
5、filter遍历
不会改变原始数组,返回新数组。
var arr = [ { id: 1, text: ‘aa’, done: true }, { id: 2, text: ‘bb’, done: false } ] console.log(arr.filter(item => item.done))//
关于“js数组如何使用es6遍历”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。