嗨嗨！我是Winnie溫尼～

前言

昨天介紹的第一個陣列處理方法forEach，今天我們要介紹的則是map、filter，一起來看看吧～！

map

將原始陣列運算後，重新組合回傳一個新陣列(如果不回傳則是 undefined)，但不會影響到原陣列。

array.map(function(item,index,array){
    要執行的動作;
});

例：

let num = [1, 5, 10, 15, 3];
let newAry = num.map(function (item) {
  return item > 3;
});
console.log(newAry); //[false,true,true,true,false]

filter

將原始陣列運算後，篩選出符合條件的內容，重新組合後回傳一個新陣列，但不會影響到原陣列。常用於比價、及格、下拉式選單。

array.filter(function(item,index,array){
    要執行的動作;
});

例：

let num = [1, 5, 10, 15, 3];
let newAry = num.filter(function (item) {
  return item > 3;
});
console.log(newAry); //[5,10,15]

參考資料

Array.prototype.map()
Array.prototype.filter()
【ES6 小筆記】Array.map() - 處理陣列最佳選擇

新手上路，如文章有錯誤或需修正之處，懇請大家多多指教！
那麼，我們明天見囉～