實習、專題除錯筆記（二十七）怎麼使用 Javascript 的 Map？

DAY 27

鐵人賽

956 瀏覽

問題二十七怎麼使用 Javascript 的 Map？

Javscript 中，你想要走訪陣列，然後用函數處理每一個值怎麼辦？直覺會使用 For 來走訪陣列，但是有其他更好的方法嗎？有！用 Map。

var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);

這是一個簡單的範例，這邊是將陣列直接使用 map 然後套用內建函式 Math.sqrt 來計算平方根，結果 roots 會是 [1, 2, 3]

這樣寫很直覺簡單對吧，而且不會改動到原本的值相當的棒，後期維護也可以馬上看懂

如果要自訂函式怎麼做呢？

var numbers = [1, 4, 9];
var doubles = numbers.map(function(num) {
return num * 2;
});

像是這個例子，doubles 結果就會是 [2, 8, 18] ，用法很簡單對吧！可以多多利用這個方法喔

詳細可以參考 MDN

系列文

實習、專題除錯筆記共 30 篇

1 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入留言