Javascript中进行遍历操作的所有方法

Dean 发布于2019-08-23 11:48 / 1525人阅读

摘要：以数组为例，有如下的方法可以用于遍历操作实际是遍历一个对象的可枚举属性，是无序的遍历，所以在需要有序的遍历数组时不能用。这里的指的是，是数组特有的方法，其他数据结构不能使用该方法。

以数组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);
  }

任何实现了可迭代协议（Iteration protocols） 的对象（Array，Map，Set，String等）都可用for-of进行迭代。

forEach

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

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

map

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

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

filter

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

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

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

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

GPU服务器海外云主机进行中的域名不能备案域名存在进行中的订单 js获取遍历中的单个 linux中查看所有安装的软件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97487.html

关于JavaScript对象，你所不知道的事（二）- 再说属性

摘要：但好在还给我们提供了一个方法，每一个对象都有这样一个方法，专门用来判断某个属性是否是该对象的私有属性。如果你想要用对象字面形式，你只能在创建对象时定义访问器属性。在中，我们使用冻结一个对象，并且使用来判断一个对象是否被冻结。说完了对象那些不常用的冷知识，是时候来看看JavaScript中对象属性有哪些有意思的东西了。不出你所料，对象属性自然也有其相应的特征属性，但是这个话题有点复杂...

Richard_Gao 2019-08-21 17:49 评论0 收藏0
JavaScript标准库系列——Object对象和Array对象（一）

摘要：目录导语对象对象小结导语本系列文章将重点讲解提供的原生库标准库，只要在支持语言的平台，标准库中的提供的对象的属性和方法都能使用对象对象的理解讲的标准库，首先要从对象谈起，因为之后的所有对象都可以看做是对象构造出来的因此，对象可以看做是一个构目录导语 1. Object对象 2. Array对象 3. 小结导语本系列文章将重点讲解JavaScript提供的原生库——标准库，只要...

Scholer 2019-08-21 11:25 评论0 收藏0
Javascript 中的 Array 操作

摘要：语法函数的几个参数含义上一次执行函数后返回的值当前数组元素值当前数组元素索引遍历的数组对象第一次调用函数时，如果有值，则为，为数组第一个元素。 Javascript 中的 Array 操作在各种语言中，数组总是一个比较重要的数据结构，Javascript 中的 Array 也不例外。Javascript 中的 Array 提供了一系列方法可以更好地让我们操作 Array 中的元素，下...

khs1994 2019-08-21 10:43 评论0 收藏0
使用javascript实现排序二叉树（2）

摘要：使用实现排序二叉树上一篇文章我们构造了基本的一个排序二叉树的数据结构，但是仅仅是定义了一个方法去创建二叉排序树，今天我们来给我们的数据结构添加一些遍历的功能。使用javascript实现排序二叉树（2）上一篇文章我们构造了基本的一个排序二叉树的数据结构，但是仅仅是定义了一个insert方法去创建二叉排序树，今天我们来给我们的数据结构添加一些遍历的功能。二叉树的三种遍历方式（以根节...

susheng 2019-08-23 11:33 评论0 收藏0
JavaScript面向对象入门

摘要：在中是没有这样的关键字的，我们需要这样做定义在方法内也就是内部，也可以看作成构造函数的变量，就是私有变量。移动气球我们需要用到定时器。什么是JavaScript？我们可以从几个方面去说JavaScript是什么：基于对象 javaScript中内置了许多对象供我们使用【String、Date、Array】等等 javaScript也允许我们自己自定义对象事件驱动 ...

or0fun 2019-08-30 14:02 评论0 收藏0