學習雜記

在寫js時，常常會用到迴圈去處理資料陣列，下面紀錄比較方便的寫法，讓code更簡潔。

首先介紹  forEach 

forEach 會把每個元素都跑一遍

假如要把陣列全部都顯示出來

var test =[1,2,3];

test.forEach((valu) =>
{
  console.log(valu);
});

1

2

3

接著是map 

map可以用來修改陣列

var test =[1,2,3,4,5];

test=test.map((valu) =>
{
  valu++;
  return valu;
});
console.log(test);

[2,3,4,5,6]

再來是reduce

reduce 可以用來加總之類的 參數(valu1)用一個預設值 這裡給他預設為100    參數(valu2)就是陣列裡的值 然後全部陣列跑一遍

var test = [1,2,3];
var all = test.reduce((valu1,valu2)=>
{
  console.log(valu1);
  console.log(valu2);
  return valu1+valu2;
},100);
console.log(all);

1

101

2

103

3

106

最後是filter 過濾選擇的意思 可以自訂條件產生新陣列

var test = [1,2,3,4,5];
var newarr = test.filter((valu)=>
{
  return valu>2;
});
console.log(newarr); 

[3,4,5]