iT邦幫忙

2022 iThome 鐵人賽

0
自我挑戰組

30 天線上自學前端系列 第 48

[Day 48] [JavaScript] ES6 - filter

  • 分享至 

  • xImage
  •  

看起來接下來幾天都會是介紹 ES6 的 function。
[Day 47] [JavaScript] ES6 map & forEach這是昨天的 ES6 練習~


ES6 sandbox 裡面有的題目:

✅ //Map -Create a new array by doing something with each item in an array.

⇨⇨⇨ //Filter - Create a new array by keeping the items that return true.

//Reduce - Accumulate a value by doing something to each item in an array.

//Find - find the first item that matches from an array.

//FindIndex - find the index of the first item that matches.


Filter

保留回傳 true 的 items,然後用 array 把他們裝起來。

var numbers = [9, 10, 11];

//先做好一個array

const filterNum = numbers.filter(
  function(x){
    return x > 1
  }
);

//用filter功能篩出上面的array哪些大於一

console.log(filterNum)

//(3) [9, 10, 11]
//0: 9
//1: 10
//2: 11

//依照array順序去檢查哪些數字大於一,並做出一個新的array

這邊也可以換成 forEach 的寫法(forEach 是昨天的課程內容):

var numbers = [9, 10, 11];

var forEachNum = [];

const filterNum = numbers.forEach(
  function(x){
    if(x>9){       //如果大於九就push到新的array裡面
    forEachNum.push(x);
    }
  }
);

console.log(forEachNum)

//(2) [10, 11]
//0: 10
//1: 11

今天好晚喔先到這兒,明天繼續上 ES6 的 reduce ~


上一篇
[Day 47] [JavaScript] ES6 - map & forEach
下一篇
[Day 49] [JavaScript] ES6 - reduce
系列文
30 天線上自學前端72
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言