JS物件和陣列的遍歷方法

2022-07-19 03:18:12 字數 1704 閱讀 9166

1、使用object.keys()遍歷

返回乙個陣列,包括物件自身的(不含繼承的)所有可列舉屬性(不含symbol屬性).

var obj = ;

object.keys(obj).foreach(function(key));

輸出:

a b c

2、使用for..in..遍歷

迴圈遍歷物件自身的和繼承的可列舉屬性(不含symbol屬性).

var obj = ;

for(var i in obj)

輸出:

a b c

3、使用object.getownpropertynames(obj)遍歷

迴圈遍歷物件自身的和繼承的可列舉屬性(不含symbol屬性).

var obj = ;

object.getownpropertynames(obj).foreach(function(key));

輸出:

a b c

4、使用reflect.ownkeys(obj)遍歷

返回乙個陣列,包含物件自身的所有屬性,不管屬性名是symbol或字串,也不管是否可列舉.

var obj = ;

reflect.ownkeys(obj).foreach(function(key));

輸出:

a b c

1、使用foreach遍歷

var arr=[1,2,3,4];

arr.foreach(function(val, index) );

輸出:

1 0;2 1;.....

2、使用for..in..遍歷

var arr=["張三","李四","王五","趙六"];

for (var i in arr)

輸出:

0:張三;1:李四;

3、使用for-of遍歷

不僅支援陣列,還支援大多數類陣列物件,例如dom nodelist物件.也支援字串遍歷,它將字串視為一系列的unicode字元來進行遍歷.

var arr=["張三","李四","王五","趙六"];

for (var value of arr)

輸出:

張三;李四;

4、使用for-length遍歷

這種方式比較常用的方式

var arr=["張三","李四","王五","趙六"];

for (var i=0;i輸出:

張三;李四;

附錄:

之前看過各種不同遍歷方式的效能;待補充

js遍歷物件和陣列的方法總結01

方法 是否遍歷原型鏈 是否包含symbol屬性 返回結果 for in是否 輸出的是物件自身的屬性以及原型鏈上可列舉的屬性 object.keys 否否 返回包含物件自身可列舉屬性的陣列 object.getownpropery 否否 返回自身的所有屬性 可列舉屬性和不可列舉屬性 reflect.o...

JS遍歷物件和陣列總結

1 使用object.keys 遍歷 返回乙個陣列,包括物件自身的 不含繼承的 所有可列舉屬性 不含symbol屬性 2 使用for.in.遍歷 迴圈遍歷物件自身的和繼承的可列舉屬性 不含symbol屬性 3 使用object.getownpropertynames obj 遍歷 返回乙個陣列,包含...

JavaScript遍歷物件和陣列的方法總結

日常開發中我們難免需要對陣列和物件進行遍歷,今天抽空來總結下遍歷陣列和物件常用的方法。我們定義乙個陣列 var arr 2,4,6 1.使用for迴圈遍歷var length arr.length 2.使用foreach遍歷arr.foreach val,index 3.使用for in 遍歷for...