JavaScript遍歷對(duì)象和數(shù)組的方法總結(jié)

jiekechoo 發(fā)布于2019-08-23 12:55 / 2407人閱讀

摘要：日常開(kāi)發(fā)中我們難免需要對(duì)數(shù)組和對(duì)象進(jìn)行遍歷，今天抽空來(lái)總結(jié)下遍歷數(shù)組和對(duì)象常用的方法。使用遍歷對(duì)象注只能遍歷出自身可枚舉的屬性，而不能遍歷出原型鏈上面的屬性。

日常開(kāi)發(fā)中我們難免需要對(duì)數(shù)組和對(duì)象進(jìn)行遍歷，今天抽空來(lái)總結(jié)下遍歷數(shù)組和對(duì)象常用的方法。

Javascript遍歷數(shù)組總結(jié)

我們定義一個(gè)數(shù)組 var arr = [2,4,6];

1.使用for循環(huán)遍歷

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

2.使用forEach遍歷

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

3.使用for in 遍歷

    for(var key in arr){
        console.log(key,arr[key]);
    }

4.使用for of 遍歷

    for(var key in arr){
            console.log(key,arr[key]);
        }

Javascript遍歷對(duì)象總結(jié)

我們先定義一個(gè)簡(jiǎn)單的對(duì)象 var obj = {a:22,b:44}

1.使用for in遍歷

    for(var key in obj){
        console.log(key, obj[key]);
    }

注：for in會(huì)遍歷對(duì)象的每一個(gè)可枚舉的屬性，包括原型鏈上的可枚舉屬性。

2.使用Object.keys()遍歷對(duì)象

    Object.keys(obj).forEach(val=>{console.log(val)})

注：Object.keys()只能遍歷出自身可枚舉的屬性，而不能遍歷出原型鏈上面的屬性。

3.使用Object.getOwnPropertyNames()遍歷

Object.getOwnPropertyNames(obj).forEach(val=>{console.log(val,obj[val])})

注：Object.getOwnPropertyNames()只能遍歷自身的屬性（無(wú)論是否可枚舉均可以遍歷出），但是不包括原型鏈上的屬性。

4.使用Reflect.ownKeys()遍歷

     Reflect.ownKeys(obj).forEach(val=>{console.log(val, obj[val])})

云服務(wù)器 GPU云服務(wù)器 javascript對(duì)象遍歷 javascript對(duì)象數(shù)組 javascript對(duì)象方法 javascript數(shù)組方法

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

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

相關(guān)文章

Javascript各種數(shù)組遍歷方法歸納總結(jié)和兼容寫(xiě)法

摘要：主要用于枚舉對(duì)象數(shù)組遍歷效率最低的方法。當(dāng)前數(shù)組元素的值。傳遞給函數(shù)的初始值注意對(duì)于空數(shù)組是不會(huì)執(zhí)行回調(diào)函數(shù)的。前言 PS: 2018/04/26 優(yōu)化一下排版,重新梳理一下方法,補(bǔ)充一些信息,刪除JQuery庫(kù)用法,只講解Javascript自帶的, for in 語(yǔ)句用于遍歷數(shù)組或者對(duì)象的屬性（對(duì)數(shù)組或者對(duì)象的屬性進(jìn)行循環(huán)操作）。主要用于枚舉對(duì)象, 數(shù)組遍歷效率最低的方法。 va...

Sanchi 2019-08-26 10:29 評(píng)論0 收藏0
javaScript數(shù)組遍歷方法總結(jié)

摘要：首次調(diào)用回調(diào)函數(shù)時(shí)，和可以是兩個(gè)值之一。否則返回張三男王小毛男李四男李四返回結(jié)果為李四男方法李四對(duì)于數(shù)組中的每個(gè)元素，方法都會(huì)調(diào)用一次回調(diào)函數(shù)采用升序索引順序，直到有元素返回。數(shù)組遍歷方法 1.for循環(huán) 使用臨時(shí)變量，將長(zhǎng)度緩存起來(lái)，避免重復(fù)獲取數(shù)組長(zhǎng)度，當(dāng)數(shù)組較大時(shí)優(yōu)化效果才會(huì)比較明顯。 for(var j = 0,j < arr.length;j++) { //執(zhí)行代碼 ...

shiguibiao 2019-08-26 10:39 評(píng)論0 收藏0
JavaScript數(shù)組循環(huán)遍歷總結(jié)

摘要：如果省略，則將用作值返回值如果函數(shù)為所有數(shù)組元素返回，則為否則為。不為數(shù)組中缺少的元素調(diào)用該回調(diào)函數(shù)。數(shù)組元素的數(shù)字索引。方法會(huì)為中的每個(gè)元素調(diào)用函數(shù)，直到返回，或直到到達(dá)數(shù)組的結(jié)尾。這一部分應(yīng)該放在《JavaScript處理數(shù)組函數(shù)總結(jié)》里面的，但是。。。。。。沒(méi)有但是。 1. for for循環(huán)最常用的地方是利用索引來(lái)遍歷數(shù)組： var arr = [Microsoft,Goog...

missonce 2019-08-19 18:18 評(píng)論0 收藏0
JavaScript循環(huán)遍歷你會(huì)用哪些？

摘要：總結(jié)中的循環(huán)遍歷定義一個(gè)數(shù)組和對(duì)象經(jīng)常用來(lái)遍歷數(shù)組元素遍歷值為數(shù)組元素索引用來(lái)遍歷數(shù)組元素第一個(gè)參數(shù)為數(shù)組元素，第二個(gè)參數(shù)為數(shù)組元素索引，第三個(gè)參數(shù)為數(shù)組本身可選沒(méi)有返回值用來(lái)遍歷數(shù)組元素第一個(gè)參數(shù)為數(shù)組元素，第二個(gè)參數(shù)為數(shù)組元素索引，第三總結(jié)JavaScript中的循環(huán)遍歷定義一個(gè)數(shù)組和對(duì)象 const arr = [a, b, c, d, e, f]; const obj = ...

CHENGKANG 2019-08-23 12:10 評(píng)論0 收藏0
JavaScript數(shù)組

摘要：與稀疏數(shù)組對(duì)立的為密集數(shù)組，密集數(shù)組的索引會(huì)被持續(xù)的創(chuàng)建，并且其元素的數(shù)量等于其長(zhǎng)度。創(chuàng)建一個(gè)長(zhǎng)度為的數(shù)組，并初始化了個(gè)元素使用構(gòu)造函數(shù)創(chuàng)建數(shù)組對(duì)象的時(shí)候，關(guān)鍵字是可以省略的。另外使用和刪除元素是影響數(shù)組的長(zhǎng)度的。說(shuō)明：本文只總結(jié)了JavaScript數(shù)組在web端的行為，不包括NodeJs端的行為。本文不涉及類(lèi)型化數(shù)組（TypedArray）的討論、總結(jié)。一、什么是數(shù)組數(shù)組的定...

HtmlCssJs 2019-08-23 10:23 評(píng)論0 收藏0