vue之数组遍历

运行结果

在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>高阶函数之数组练习</title>
  <script src="../js/vuejs-2.5.16.js"></script>
</head>
<body>

</body>
<script>
  /*
  * filter() 函数的作用主要是对数组进行条件过滤,条件为Boolean值  不是true就是false
  * map()  函数的主要作用是对过滤之后的新数组进行重新映射
  * reduce() 函数的主要作用是对数组的结果进行汇总,改函数至少要有两个参数
  * */
  const arr = [11,52,115,188,68,321,223,64]
  //  写法一
  let totalFirst = arr.filter(function (n) {
    return n<300
  }).map(function (n) {
    return n*2
  }).reduce(function (pre,n) {
    return pre + n
  },0)
  console.log(totalFirst);
  // 写法二  (遍历数组中小于100的)
  let totalSecond = arr.filter( n => n <100).map( n => n*2).reduce((pre,n) => pre+n ,0)
  console.log(totalSecond);
</script>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值