您现在的位置是:首页 > Javascript
当前栏目
js数组使用es6遍历方法
2023-03-15 23:17:00 时间
本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
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))//
以上就是JavaScript数组es6新增的遍历方法,es6使用更加方便,快用起来吧~filter遍历
相关文章
- 别再满屏的 if/else 了,试试策略模式,真香!!
- Kubebuilder 进阶之源码分析
- JavaScript MV*框架最值得关注的七个亮点
- 掌握这些CSS知识点,Coding如飞!
- 厉害了!把 HashMap 剖析的只剩渣了!
- 一篇学会Vue Router 4 的变化及炫酷特性
- 方法调用:一看就懂,一问就懵?
- JavaScript 的代理对象
- 建造具有巨大处理能力的超导量子计算机的秘密:光纤
- 一日一技:如何捅穿Cloud Flare的5秒盾
- 全球那些知名组织是如何做软件测试的?
- 前端开发指南:如何利用PHP Cake框架构建应用
- 数据结构线性结构篇—链表
- 如何将 DevTools的堆栈追踪速度提高10倍
- Vue3值得注意的新特性之——触发组件选项
- 基于React与Vue后,移动开源项目Weex如何定义未来
- Vue3值得注意的新特性之——teleport
- 提高React界面性能的十个小技巧
- 搞定 ParseInt() 的怪异行为
- 前端百题斩之Js中6种变量声明方式