JS中物件 陣列 Map的遍歷

2021-10-09 05:23:35 字數 1800 閱讀 2005

js中的資料型別不多,資料、map以及物件是開發過程中經常使用到的複雜資料結構,經常需要遍歷來進行頁面資料的展示。

先來建立乙個物件

var person =

;

從 ecmascript 5 開始,有三種原生的方法用於列出或列舉物件的屬性:

// 1、for...in...迴圈

// 該方法依次訪問乙個物件及其原型鏈中所有可列舉的屬性。

for(

var index in person)

// 2、object.keys(o)

// 該方法返回物件 o 自身包含(不包括原型中)的所有可列舉屬性的名稱的陣列。

object.

keys

(person)

.foreach

(function

(index));

// 3、object.getownpropertynames(o)

// 該方法返回物件 o 自身包含(不包括原型中)的所有屬性(無論是否可列舉)的名稱的陣列。

object.

getownpropertynames

(person)

.foreach

(function

(index)

);

先來建立乙個陣列

// 建立陣列

var fruits =[,

"orange"

,"banana"];

// 陣列使用push將元素加到陣列末尾

fruits.

push

("peach"

);

遍歷陣列

fruits.

foreach

(function

(item, index, array)

);

map 物件儲存鍵值對,任何值都可以作為乙個鍵或者乙個值。map與物件的差別在於,map能夠記住鍵的原始插入順序,並且在迭代時根據插入順序返回迭代結果。

建立乙個map

let mymap =

newmap()

;let keyobj =

;let

keyfunc

=function()

;let keystring =

'a string'

;// 新增鍵

mymap.

set(keystring,

"和鍵'a string'關聯的值");

mymap.

set(keyobj,

"和鍵keyobj關聯的值");

mymap.

set(keyfunc,

"和鍵keyfunc關聯的值");

mymap.size;

// 3

遍歷map

// 1、使用 for..of 方法

for(

let key of mymap.

keys()

)for

(let value of mymap.

values()

)for

(let

[key, value]

of mymap.

entries()

)// 2、使用foreach

mymap.

foreach

(function

(value, key)

)

mysql遍歷map中的陣列 遍歷Map的四種方法

public static void main string args map map new hashmap map.put 1 value1 map.put 2 value2 map.put 3 value3 第一種 普遍使用,二次取值 system.out.println 通過map.keys...

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迴圈var arr 1,2,3,4,5,6 for var i 0 i length i 2.優化版for迴圈 使用變數,將長度快取起來,避免重複獲取長度,陣列很大時優化效果明顯for var j 0 len arr.length j j 3.foreach,es5推出的,陣列自帶的迴...