[Day4] Array Cardio Day 1

[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


<<:  [DAY 04] EC2 Security Group

>>:  [Day4]专案始动-续(前端篇)

DAY 28 Django 简易入门教学(五)-建立模版

Django 模版(Template) 在使用模版之前,我们要先在 settings.py 搜寻 T...

[Day17] XML Signature Wrapping

前言 你的签名安全吗? 正文 概念 正常状况下,对已签名的数据做出任何修改的动作,都会被接收此mes...

登录档改造(三)--因人而异的专业玩法

最近去图书馆借的登录档的参考书终於到了,感觉有点像读书心得,不过是11年前的用在Win 7的,但比笔...

Django - Websocket 网站实时线上人数

这次要藉由websocket做出网站实时的线上人数,关於django的websocket设定就不赘述...

Day 05:是说,这个选项可以接什麽东西?autocomplete 与 auto-pair

我把从第一天到现在每天的 Home 目录都放上 GitHub 了,README.md 里面有说明 ...