追求JS小姊姊系列 Day8 -- 郑列展现的工具力(下)

前情提要

郑列终於要展现JS喜欢的工具力了吗?


郑列是说,有人会跟情敌聊这麽久吗
:.......... 脚会酸吗
郑列:快讲完了。

姊姊,这就是郑列我最後的工具力了

Array.prototype.reduce()

公式:array.reduce( callback [accumulator, currentValue, currentIndex, array], initialValue)
公式解释:

  1. callback:阵列内的所有值都会被这个函式执行,它包含以下内容
    1. accumulator:用来累积回呼函式回传值的累加器(accumulator)或 initialValue(若有提供的话,详如下叙)。累加器是上一次呼叫後,所回传的累加数值。
    2. currentValue:原阵列当前迭代的值
    3. currentIndex:原阵列当前迭代的索引值
    4. array:呼叫reduce的阵列
      2 . initialValue
    5. 有给初始值:做为第一次呼叫 callback 时传入的累加器初始值。
    6. 没有给初始值:原阵列的第一个元素将会被当作初始的累加器

工具力再启动之 – 帮姐计算名品总价吧!

假设今天她请我计算她各精品总价值

//精品价目表
let jsCollections = [900000,100000,50000,66666,432424,73426];

let totallPrice = jsCollections.reduce((accumulator,currentValue)=>
accumulator+currentValue)
console.log(totallPrice);

工具力再启动之 – 统合两个堆积内容吧!

那如果觉得高级品的资讯拆分这样不是很好看...怎麽办?reduce!

let jsCollections = [900000,100000,50000];
let brand = ['Guci', 'Hermes', 'Apple']
const list = jsCollections.reduce((list, currentValue, index) => {
  const group = {};
  group[brand[index]] = currentValue;
  list[index] = group;
  return list;
}, [])
console.log(list)

工具力再启动之 – 重复的礼物,姐不要

可以删掉重复的东西,不论是什麽型别的内容。

let jsCollections = ["JS有收过的礼物","JS有收过的礼物","JS有收过的礼物","JS有收过的礼物",5,5,6,8,1,4,2];
function plusWay
let result = jsCollections.reduce((accumulator,currentValue)=>{
    if(accumulator !=="JS有收过的礼物"|| currentValue !=="JS有收过的礼物") {
    accumulator.push(currentValue);
    }return accumulator};);
console.log(result);


郑列:是不是很厉害呢?
:感觉不知道她为何会喜欢呢,也没有特别厉害.....
郑列诶你这个很万用诶,她是这样说的。
我:.... (是不是一种敷衍的回应呢?)

-- to be continued --

那今天就到这边搂!今天分享喜欢的歌是:
茄子蛋EggPlantEgg - 浪流连 Waves Wandering (Official Music Video)
https://www.youtube.com/watch?v=3Y0Ut5ozaKs

每天的休息,是为了後面的追求,明天见。

参考资料:
  1. MDN
  2. w3schools

<<:  Day 9 任务的形式

>>:  Day 21-制作购物车之前端架构1

sql 记录运作时间

用了多少时间 记录在变数的方式 declare @BTIME datetime declare @E...

使用准确的 Microsoft MB-300 考试转储立即成功

似乎没有简单的方法可以通过 Microsoft MB-300 考试。据说这次考试成功的秘诀有三个。有...

Day 26: KMS/Cloud HSM/Secrets Manager 傻傻分不清楚

如果你有考过 AWS security specialty 证照你一定很常看到KMS/CloudHS...

Day9 - TextView(三)

如何让你的APP更独特 五颜六色的界面是一个很棒的范例 随便打开一个APP,他的字不可能都是黑色的,...

Day 25 constructors、this、static

constructors : Java 中建立物件需要建构子,如果类别没有定义建构子,编译器就会提供...