JavaScript遍歷對象和數組的方法總結

jiekechoo 發布于2019-08-23 12:55 / 2404人閱讀

摘要：日常開發中我們難免需要對數組和對象進行遍歷，今天抽空來總結下遍歷數組和對象常用的方法。使用遍歷對象注只能遍歷出自身可枚舉的屬性，而不能遍歷出原型鏈上面的屬性。

日常開發中我們難免需要對數組和對象進行遍歷，今天抽空來總結下遍歷數組和對象常用的方法。

Javascript遍歷數組總結

我們定義一個數組 var arr = [2,4,6];

1.使用for循環遍歷

    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遍歷對象總結

我們先定義一個簡單的對象 var obj = {a:22,b:44}

1.使用for in遍歷

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

注：for in會遍歷對象的每一個可枚舉的屬性，包括原型鏈上的可枚舉屬性。

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

    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()只能遍歷自身的屬性（無論是否可枚舉均可以遍歷出），但是不包括原型鏈上的屬性。

4.使用Reflect.ownKeys()遍歷

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

云服務器 GPU云服務器 javascript對象遍歷 javascript對象數組 javascript對象方法 javascript數組方法

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99097.html

Javascript各種數組遍歷方法歸納總結和兼容寫法

摘要：主要用于枚舉對象數組遍歷效率最低的方法。當前數組元素的值。傳遞給函數的初始值注意對于空數組是不會執行回調函數的。前言 PS: 2018/04/26 優化一下排版,重新梳理一下方法,補充一些信息,刪除JQuery庫用法,只講解Javascript自帶的, for in 語句用于遍歷數組或者對象的屬性（對數組或者對象的屬性進行循環操作）。主要用于枚舉對象, 數組遍歷效率最低的方法。 va...

Sanchi 2019-08-26 10:29 評論0 收藏0
javaScript數組遍歷方法總結

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

shiguibiao 2019-08-26 10:39 評論0 收藏0
JavaScript數組循環遍歷總結

摘要：如果省略，則將用作值返回值如果函數為所有數組元素返回，則為否則為。不為數組中缺少的元素調用該回調函數。數組元素的數字索引。方法會為中的每個元素調用函數，直到返回，或直到到達數組的結尾。這一部分應該放在《JavaScript處理數組函數總結》里面的，但是。。。。。。沒有但是。 1. for for循環最常用的地方是利用索引來遍歷數組： var arr = [Microsoft,Goog...

missonce 2019-08-19 18:18 評論0 收藏0
JavaScript循環遍歷你會用哪些？

摘要：總結中的循環遍歷定義一個數組和對象經常用來遍歷數組元素遍歷值為數組元素索引用來遍歷數組元素第一個參數為數組元素，第二個參數為數組元素索引，第三個參數為數組本身可選沒有返回值用來遍歷數組元素第一個參數為數組元素，第二個參數為數組元素索引，第三總結JavaScript中的循環遍歷定義一個數組和對象 const arr = [a, b, c, d, e, f]; const obj = ...

CHENGKANG 2019-08-23 12:10 評論0 收藏0
JavaScript數組

摘要：與稀疏數組對立的為密集數組，密集數組的索引會被持續的創建，并且其元素的數量等于其長度。創建一個長度為的數組，并初始化了個元素使用構造函數創建數組對象的時候，關鍵字是可以省略的。另外使用和刪除元素是影響數組的長度的。說明：本文只總結了JavaScript數組在web端的行為，不包括NodeJs端的行為。本文不涉及類型化數組（TypedArray）的討論、總結。一、什么是數組數組的定...

HtmlCssJs 2019-08-23 10:23 評論0 收藏0