Javascript中進行遍歷操作的所有方法

Dean 發布于2019-08-23 11:48 / 1653人閱讀

摘要：以數組為例，有如下的方法可以用于遍歷操作實際是遍歷一個對象的可枚舉屬性，是無序的遍歷，所以在需要有序的遍歷數組時不能用。這里的指的是，是數組特有的方法，其他數據結構不能使用該方法。

以數組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中查看所有安裝的軟件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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