js物件的遍歷

2021-10-03 17:09:39 字數 1578 閱讀 3734

1.什麼是遍歷

所謂遍歷就是在資料的集合中進行逐一獲取或檢視,就好像是乙個盒子裡有十個球,乙個個拿出來放在桌面上一樣。

2.如何遍歷

2.1、陣列其實就是乙個物件,有序的集合,可以根據索引遍歷,索引從0開始,按照順序到length-1結束

例:

var arr = ["hello",4,5,6,"world"];

for(var i=0;i2.2、物件本來就是物件,無序的集合,物件沒有索引,沒有從0開始到哪結束

物件只有鍵,沒有順序,所以不能使用迴圈遍歷

var obj = ;

字面量物件的格式:鍵和值之間用:連線,每個鍵值對之間用「,」隔開

物件不能使用for迴圈遍歷(for迴圈遍歷是錯誤的,什麼也獲取不到)

for(var i=0;i但是, 遍歷語句for-in,類似於迴圈,但for-in可以遍歷沒有索引的集合,也被稱為列舉

for(var i in obj)

3、遍歷的幾種方法:

第一種: for…in

const obj = 

for(let key in obj)

輸出結果:

id- - - 1

name - - - zhangsan

age - - - 18

第二種:

1)、object.keys(obj)

2)、object.values(obj)

引數:obj(物件名)要返回其列舉自身屬性的物件

返回值:乙個表示給定物件的所有可列舉屬性的字串陣列。

const obj = 

console.log(object.keys(obj))

console.log(object.values(obj))

輸出結果: obj物件的key組成的陣列

['id','name','age']
輸出結果:obj物件的value組成的陣列

['1','zhangsan','18']
第三種:使用object.getownpropertynames(obj)

返回乙個陣列,包含物件自身的所有屬性(包含不可列舉屬性),遍歷可以獲取key和value

const obj = 

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

輸出結果:

id - - - 1

name - - - zhangsan

age - - - 18

實際測試中:

首先要有物件存在,且物件中要有資料才能進行遍歷,否則遍歷就是畫蛇添足。其次,物件的遍歷多數用for…in方法進行,因為操作簡單和for迴圈類似,所以很實用。最後,逆戰必勝。

js 物件遍歷

先介紹一下物件的可列舉屬性和不可列舉屬性 js中 物件的屬性可分為可列舉屬性和不可枚屬性,是否可列舉由屬性的enumerable的值決定。最簡單的方法便是for in遍歷出來的屬性都是可列舉的屬性 包括自己的屬性可繼承的屬性 2 for in 遍歷物件的可列舉屬性,包括自有屬性和繼承自原型的屬性 上...

js 陣列遍歷 物件遍歷

一 陣列遍歷 1,普通for迴圈,經常用的陣列遍歷 var arr 1,2,0,3,9 for var i 0 i 2,優化版for迴圈 使用變數,將長度快取起來,避免重複獲取長度,陣列很大時優化效果明顯 for var j 0,len arr.length j len j 3,foreach,es...

js遍歷物件的方法

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