iT邦幫忙

2021 iThome 鐵人賽

DAY 4
0

[Day4] Array Cardio Day 1

Javascript 的技巧

需要用到的技巧與練習目標

  1. filetr
  2. map
  3. sort
  4. reduce

Array.prototype.filter()

透過 filter()方法,會將原陣列的元素,經由指定的函式運算後,通過檢驗運算函式的元素,會構成一個新的陣列

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6 );
// 過濾陣列,return 文字長度大於6
console.log(result)
// ["exuberant", "destruction", "present"]

Array.prototype.map()

透過 map()方法,會新增一個陣列並將原陣列的元素,經由回呼函式的運算結果,傳回新增的陣列

const arr = [3,6,9]
const newArr = arr.map( item => item*2 )
//經過map方法 將arr裡的元素乘以2倍
console.log(newArr)
//[6,12,18]

參考資料來源:
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/map


上一篇
[Day3] Playing with CSS Variables and JS
下一篇
[Day5] Flex Panels Image Gallery
系列文
JavaScript 30天 跟著一起做一遍!!!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言