js 常見的遍歷陣列 物件 方法

2022-01-13 06:22:55 字數 1451 閱讀 5143

//原生js

const obj =

for(let key in obj)

// 獲得所有的key

console.log(object.keys(obj))

//獲得所有的value

console.log(object.values(obj))

//jquery

$.each(arr, function(index,value))

const arr=["張三","李四","王五"];

for(j = 0,len=arr.length; j < len; j++)

for (var i in arr)

//可以正確響應break、continue和return語句

for (var v of arr)

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

// jquery

$.each(arr, function(index,value))

函式式遍歷

map操作 

var arr = [12,23,24,42,1];

var res = arr.map(function (item,index,arr ) )

console.log(res); [120, 230, 240, 420, 10]

filter操作

var arr = [12,23,24,42,1];

var res = arr.filter(function (item) );

console.log(res); [23, 24, 42]

es寫法

var arr = [12,23,24,42,1];

var res = arr.filter((item) => );

console.log(res); [23, 24, 42]

find 返回乙個符合條件

var arr = [12,23,24,42,1];

var res = arr.find(function (item) );

console.log(res); 23

es寫法

var arr = [12,23,24,42,1];

var res = arr.find((item) => );

console.log(res); 23

reduce

reduce() 方法接收乙個函式作為累加器(accumulator),陣列中的每個值(從左到右)開始縮減,最終為乙個值。

var total = [0,1,2,3,4].reduce((a, b)=>a + b);

console.log(total); 10

every遍歷

some遍歷

js遍歷陣列(物件)

例 let arr 1,2,3 for let i 0 iconsole.log arr i 輸出結果 1 2 3 例 let arr 1,2,3 for let i in arr 輸出結果 1 2 3 說明 同普通for迴圈,以key遍歷查詢陣列或物件 例 let arr 1,2,3 for le...

js遍歷陣列和物件的方法

第二條鏈結裡有分析不同遍歷方式的效率 var arr name age var obj for in遍歷陣列和和物件 for key in obj foreach遍歷陣列,三個引數依次是陣列元素 索引 陣列本身 arr.foreach function value,index,array 返回乙個陣...

遍歷陣列,遍歷物件的方法

遍歷陣列 方法1 for 迴圈 使用臨時變數將陣列長度快取起來,避免重複獲取陣列長度 for var i 0,leng arr.length i leng i 方法2 foreach迴圈 遍歷陣列中的每一項,沒有返回值,對原陣列沒有影響,不支援ie arr.foreach item,index,ar...