js陣列方法map和filter比較

2021-09-29 20:33:39 字數 1279 閱讀 3945

1.map()

(1)怎麼用?

map() 方法建立乙個新陣列,其結果是該陣列中的每個元素都呼叫乙個提供的函式後返回的結果。

const newarr = arr.

map(

(a)=>);

console.

log(newarr)

;// [2, 2, 2]

(2)用什麼特點?(注意點)

map 方法會給原陣列中的每個元素都按順序呼叫一次 callback 函式。callback 每次執行後的返回值(包括 undefined)組合起來形成乙個新陣列。callback 函式只會在有值的索引上被呼叫;那些從來沒被賦過值或者使用 delete 刪除的索引則不會被呼叫。

下面舉個例子:

(1)怎麼用?

filter() 方法建立乙個新陣列, 其包含通過所提供函式實現的測試的所有元素

(從原陣列中過濾元素,返回新陣列)。

(2)特點

filter 為陣列中的每個元素呼叫一次 callback 函式,並利用所有使得 callback 返回 true 或等價於 true 的值的元素建立乙個新陣列。callback 只會在已經賦值的索引上被呼叫,對於那些已經被刪除或者從未被賦值的索引不會被呼叫。那些沒有通過 callback 測試的元素會被跳過,不會被包含在新陣列中。

陣列中被刪除的元素會被跳過,舉個栗子:

執行結果如下:

可以看到arr陣列元素第一位被刪除後,map方法跳過了該元素。

陣列方法 map

var arr 1,2,3 var b arr.map function item consonelog b 2,3,4 map 方法返回乙個由原陣列中的每個元素呼叫乙個指定方法後的返回值組成的新陣列。array.map callback thisarg callback原陣列中的元素經過該方法後返...

js陣列方法

array.json 方法將陣列中所有元素都轉化為字串並連線在一起 預設逗號 返回生成的字串,原陣列不改變 例 var a 1 2,3 a.join 1,2,3 a.join 1 2 3 array.reverse 方法將陣列中的元素顛倒順序 返回逆序的陣列,原陣列改變 例 var a 1,2,3 ...

JS陣列方法

tostring var ary 1,2,3,4,5,6 var str ary.tostring console.log str console.log typeof str push 陣列尾部新增陣列 pop 從陣列尾部刪除乙個元素 unshift 在陣列的第乙個元素前面插入乙個或多個元素 sh...