博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript中进行遍历操作的所有方法
阅读量:6761 次
发布时间:2019-06-26

本文共 904 字,大约阅读时间需要 3 分钟。

以数组const arr = [1, 2, 3];为例,有如下的方法可以用于遍历操作:

for

for (let i = 0; i < arr.length; i++) {    console.log(arr[i]);  }

for-in

for(let index in arr){    console.log(arr[index]);  }

for-in实际是遍历一个对象的可枚举属性,是无序的遍历,所以在需要有序的遍历数组时不能用for-in

for-of

for (let item of arr) {    console.log(item);  }

任何实现了可迭代协议 的对象(Array,Map,Set,String等)都可用for-of进行迭代。

forEach

arr.forEach((item, index) => {    console.log(item);  });

这里的forEach指的是Array.prototype.forEachforEach是数组特有的方法,其他数据结构不能使用该方法。当然某些数据结构也可以定义自己的forEach方法,比如通过document.querySelectorAll获取的NodeList也拥有自己的forEach方法,用法也和arryforEach一样,但他们不是一个东西。

map

arr.map((item, index) => {    console.log(item);  });

注意:map会返回一个和元素组长度一样的新数组,新数组中的元素由元素组元素计算得到。

filter

arr.filter((item, index) => {    console.log(item);  });

注意:filter也会返回一个新数组,新数组长度<=原数组长度,新数组中元素由原数组中筛选得到。

以上是我能想到的所有方法,如果还有其他方法,希望提醒!

感谢大家阅读,另外,在这边帮朋友推一个爱心众筹,希望大家能够奉献点爱心,朋友母亲,身患直肠癌,目前在北京武警总医院接收治疗,可留言留下您的联系方式,日后感激大家!

clipboard.png

转载地址:http://llbeo.baihongyu.com/

你可能感兴趣的文章
经典布局样式
查看>>
python小白之np功能快速查
查看>>
Authorization Bypass in RSA NetWitness
查看>>
把ISO文件当作光盘挂载
查看>>
C#下Emgucv的配置
查看>>
你未必了解的DNS
查看>>
pycharm的放大和缩小字体的显示 和ubunt的截圖工具使用 ubuntu上安装qq微信等工具...
查看>>
【Java基础】sun.misc.BASE64和Java 8 java.util.Base64区别
查看>>
响应式开发的思路和断点的选择
查看>>
使用PL/SQL连接Oracle时报错ORA-12541: TNS: 无监听程序
查看>>
Mac011--DbWrench Database安装
查看>>
[原]Flash研究(一)——本地通讯
查看>>
bootStrap table 和 JS 开发过程中遇到问题汇总
查看>>
【小知识点】input输入框在安卓以及IOS手机中光标及字体不居中解决方法
查看>>
VB 设置循环,以及弹出messageBox
查看>>
经典算法-链表(golang)
查看>>
leetcode — search-a-2d-matrix
查看>>
魔板 bfs() 预处理,记录每种状态。然后状态置换,(重点要用到全排列的hash记录状态)...
查看>>
构建之法课后作业第一次作业(15个题选一个)
查看>>
操作redis方法
查看>>