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

2021/7/16 17:05:12

编程Tag： javascript reduce function return Map console log nums 16

本文主要是介绍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]

  // 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;
  });
  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>

这篇关于16.JavaScript filter、map、reduce高级函数的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

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

相关编程文章