16.JavaScript filter、map、reduce高级函数

最新推荐文章于 2021-08-19 19:57:27 发布

@司马懿

最新推荐文章于 2021-08-19 19:57:27 发布

阅读量78

点赞数

分类专栏： VUE

本文链接：https://blog.csdn.net/qq_40406929/article/details/118805508

版权

VUE 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script src="../js/vue.js"></script>

<script>

  const nums = [10, 20, 30, 40, 500]

  // 1.filer函数的使用
  // 把数组中小于100的数抽出来组成新的数组
  let numOne = nums.filter(function (n) {
    return n < 100;
  });
  console.log(numOne);

  // 2.map函数的使用
  let numTwo = nums.map(function (n) {
    return 100
  });
  console.log(numTwo);

  // 3.reduce函数
  // reduce 作用就是对数组中所有的内容进行汇总
  // preValue 上一个 return 的数
  let numberThree = nums.reduce(function (preValue, n){
    return preValue + n;
  },0);//当是个数组时可以不用初始化，因为值n就是个常数
       // 但是当n是个对象时，那么用reduce函数就需要初始化
  console.log(numberThree);

  // 4.高级用法
  let numFour = nums.filter(function (n) {
    return n<100
  }).map(function (m) {
    return m*2
  }).reduce(function (preValue,m) {
    return preValue+m;
  })
  console.log(numFour);

  // 5.高级用法
  let numFive =nums.filter(n=> n<100).map(n=>n*2).reduce((pre,n)=>pre +n);
  console.log(numFive);

</script>

</body>
</html>

@司马懿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
16.JavaScript filter、map、reduce高级函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script src="../js/vue.js"></script><script> const nums = [10, 20, 30, 40, 500].
复制链接

扫一扫