Javascript中進(jìn)行遍歷操作的所有方法

Dean 發(fā)布于2019-08-23 11:48 / 1712人閱讀

摘要：以數(shù)組為例，有如下的方法可以用于遍歷操作實(shí)際是遍歷一個(gè)對(duì)象的可枚舉屬性，是無序的遍歷，所以在需要有序的遍歷數(shù)組時(shí)不能用。這里的指的是，是數(shù)組特有的方法，其他數(shù)據(jù)結(jié)構(gòu)不能使用該方法。

以數(shù)組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實(shí)際是遍歷一個(gè)對(duì)象的可枚舉屬性，是無序的遍歷，所以在需要有序的遍歷數(shù)組時(shí)不能用for-in。

for-of

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

任何實(shí)現(xiàn)了可迭代協(xié)議（Iteration protocols） 的對(duì)象（Array，Map，Set，String等）都可用for-of進(jìn)行迭代。

forEach

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

這里的forEach指的是Array.prototype.forEach，forEach是數(shù)組特有的方法，其他數(shù)據(jù)結(jié)構(gòu)不能使用該方法。當(dāng)然某些數(shù)據(jù)結(jié)構(gòu)也可以定義自己的forEach方法，比如通過document.querySelectorAll獲取的NodeList也擁有自己的forEach方法，用法也和arry的forEach一樣，但他們不是一個(gè)東西。

map

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

注意：map會(huì)返回一個(gè)和元素組長度一樣的新數(shù)組，新數(shù)組中的元素由元素組元素計(jì)算得到。

filter

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

注意：filter也會(huì)返回一個(gè)新數(shù)組，新數(shù)組長度<=原數(shù)組長度，新數(shù)組中元素由原數(shù)組中篩選得到。

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

感謝大家閱讀，另外，在這邊幫朋友推一個(gè)愛心眾籌，希望大家能夠奉獻(xiàn)點(diǎn)愛心，朋友母親，身患直腸癌，目前在北京武警總醫(yī)院接收治療，可留言留下您的聯(lián)系方式，日后感激大家！

云服務(wù)器 GPU云服務(wù)器進(jìn)行中的域名不能備案域名存在進(jìn)行中的訂單 js獲取遍歷中的單個(gè) linux中查看所有安裝的軟件

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://hztianpu.com/yun/97487.html

相關(guān)文章

關(guān)于JavaScript對(duì)象，你所不知道的事（二）- 再說屬性

摘要：但好在還給我們提供了一個(gè)方法，每一個(gè)對(duì)象都有這樣一個(gè)方法，專門用來判斷某個(gè)屬性是否是該對(duì)象的私有屬性。如果你想要用對(duì)象字面形式，你只能在創(chuàng)建對(duì)象時(shí)定義訪問器屬性。在中，我們使用凍結(jié)一個(gè)對(duì)象，并且使用來判斷一個(gè)對(duì)象是否被凍結(jié)。說完了對(duì)象那些不常用的冷知識(shí)，是時(shí)候來看看JavaScript中對(duì)象屬性有哪些有意思的東西了。不出你所料，對(duì)象屬性自然也有其相應(yīng)的特征屬性，但是這個(gè)話題有點(diǎn)復(fù)雜...

Richard_Gao 2019-08-21 17:49 評(píng)論0 收藏0
JavaScript標(biāo)準(zhǔn)庫系列——Object對(duì)象和Array對(duì)象（一）

摘要：目錄導(dǎo)語對(duì)象對(duì)象小結(jié)導(dǎo)語本系列文章將重點(diǎn)講解提供的原生庫標(biāo)準(zhǔn)庫，只要在支持語言的平臺(tái)，標(biāo)準(zhǔn)庫中的提供的對(duì)象的屬性和方法都能使用對(duì)象對(duì)象的理解講的標(biāo)準(zhǔn)庫，首先要從對(duì)象談起，因?yàn)橹蟮乃袑?duì)象都可以看做是對(duì)象構(gòu)造出來的因此，對(duì)象可以看做是一個(gè)構(gòu) 目錄導(dǎo)語 1. Object對(duì)象 2. Array對(duì)象 3. 小結(jié) 導(dǎo)語本系列文章將重點(diǎn)講解JavaScript提供的原生庫——標(biāo)準(zhǔn)庫，只要...

Scholer 2019-08-21 11:25 評(píng)論0 收藏0
Javascript 中的 Array 操作

摘要：語法函數(shù)的幾個(gè)參數(shù)含義上一次執(zhí)行函數(shù)后返回的值當(dāng)前數(shù)組元素值當(dāng)前數(shù)組元素索引遍歷的數(shù)組對(duì)象第一次調(diào)用函數(shù)時(shí)，如果有值，則為，為數(shù)組第一個(gè)元素。 Javascript 中的 Array 操作在各種語言中，數(shù)組總是一個(gè)比較重要的數(shù)據(jù)結(jié)構(gòu)，Javascript 中的 Array 也不例外。Javascript 中的 Array 提供了一系列方法可以更好地讓我們操作 Array 中的元素，下...

khs1994 2019-08-21 10:43 評(píng)論0 收藏0
使用javascript實(shí)現(xiàn)排序二叉樹（2）

摘要：使用實(shí)現(xiàn)排序二叉樹上一篇文章我們構(gòu)造了基本的一個(gè)排序二叉樹的數(shù)據(jù)結(jié)構(gòu)，但是僅僅是定義了一個(gè)方法去創(chuàng)建二叉排序樹，今天我們來給我們的數(shù)據(jù)結(jié)構(gòu)添加一些遍歷的功能。使用javascript實(shí)現(xiàn)排序二叉樹（2）上一篇文章我們構(gòu)造了基本的一個(gè)排序二叉樹的數(shù)據(jù)結(jié)構(gòu)，但是僅僅是定義了一個(gè)insert方法去創(chuàng)建二叉排序樹，今天我們來給我們的數(shù)據(jù)結(jié)構(gòu)添加一些遍歷的功能。二叉樹的三種遍歷方式（以根節(jié)...

susheng 2019-08-23 11:33 評(píng)論0 收藏0
JavaScript面向?qū)ο笕腴T

摘要：在中是沒有這樣的關(guān)鍵字的，我們需要這樣做定義在方法內(nèi)也就是內(nèi)部，也可以看作成構(gòu)造函數(shù)的變量，就是私有變量。移動(dòng)氣球我們需要用到定時(shí)器。什么是JavaScript？我們可以從幾個(gè)方面去說JavaScript是什么：基于對(duì)象 javaScript中內(nèi)置了許多對(duì)象供我們使用【String、Date、Array】等等 javaScript也允許我們自己自定義對(duì)象事件驅(qū)動(dòng) ...

or0fun 2019-08-30 14:02 評(píng)論0 收藏0