前言

剛才某人問了我一個(gè)問題。map怎么遍歷，我刷刷刷就是一頓寫。遍歷么，forEach么，妥妥的。

var map = new Map();map.set('item1', 'value1')map.set('item2', 'value2')map.forEach(function(value, key, map) { console.log("Key: %s, Value: %s", key, value);});

好吧，我寫完了之后，他發(fā)給我了一句話。 [].forEach()改成[].map()怎么用？

what?我這個(gè)暴脾氣。。。。我當(dāng)然是詳細(xì)的說一下Array的常規(guī)遍歷方法以及場景了。

Array.filter

語法

var new_arr = arr.filter(callback(element, index, array){}, this)

參數(shù)

callback 回調(diào)
    element 當(dāng)前的value
    index   當(dāng)前的索引值
    array   arr這個(gè)數(shù)組對(duì)象
this 回調(diào)的this指向

返回值

Array 類型
//符合條件的值組成的數(shù)組

用法

//如果返回值是true的話，就是符合條件。//filter 不會(huì)改變?cè)瓟?shù)組，它返回過濾后的新數(shù)組。//這個(gè)里返回?cái)?shù)組里面的偶數(shù)[10,11,12,13].filter((v)=>v % 2 == 0)//只要審核通過的。當(dāng)然正常情況下，對(duì)象比這個(gè)復(fù)雜一些。[{state:1},{state:0},{state:0},{state:0}].filter((v)=>v.state == 1)//只要成年人，記錄是有效的[{age:18,state:1},{age:16,state:0},{age:21,state:0}].filter((v)=>v.state == 1 && v.age > 17)

場景

場景就是過濾，把符合條件的整理到一起，常見的就是展示審核通過的數(shù)據(jù)，只顯示關(guān)注我的人，只顯示妹子，對(duì)吧糙漢子就過濾不看了。

Array.forEach

語法

arr.forEach(callback(element, index, array){}, this)

參數(shù)

callback 回調(diào)
    element 當(dāng)前的value
    index   當(dāng)前的索引值
    array   arr這個(gè)數(shù)組對(duì)象
this 回調(diào)的this指向

返回值

undefined
// 這個(gè)東西沒有返回值

用法

//遍歷數(shù)組。打印到控制臺(tái)[10,11,12,13].forEach((v)=>{ console.log(v)})// 成功的收集到success里面,錯(cuò)誤的收集到error里面。var success = [],error = [];[{state:1},{state:0},{state:0},{state:0}].forEach((v)=>{ if(v.state == 1){  success.push(v) }else{  error.push(v) }})// 給20歲的小姐姐打招呼[{state:1,age: 1},{state:0,age: 20},{state:0,age: 19},{state:0,age: 31}].forEach((v)=>{ if(v.age == 20){  console.log('你好啊，我今年正好80') }})

場景

比如說綁定事件，比如判斷值然后push到不同的地方

Array.map