JS Array对象：过滤 filter、映射 map、数据汇总 reduce

淩亂°似流年 2021-07-25 12:22 914阅读 0赞

## JS Array对象：过滤filter、映射map、数据汇总reduce ##

[菜鸟JS Array对象方法][JS Array]

1.  过滤 filter：过滤出符合条件的的所有元素。

<script>
    
        let num = [12, 2, 45, 67, 5, 89, 77, 65, 78, 99, 34, 2, 5, 45, 66, 78]
        
        // 过滤器
        let nums2 = num.filter(n => { 
          return n < 50;
        })
        console.log(nums2);//[12, 2, 45, 5, 34, 2, 5, 45]
      </script>

1.  映射 map：按原数组顺序依次处理元素（一 一对应）。

// 映射
        let nums3 = nums2.map(n => { 
          return n * 2;
        })
        console.log(nums3);//[24, 4, 90, 10, 68, 4, 10, 90]

1.  数据汇总 reduce：将数组元素计算为一个值（从左到右）。

// 数据汇总(累加)
        let result = nums3.reduce((preValue, n) => { 
          return preValue + n;
        })
        console.log(result);//300
    
        // 数据汇总(累乘)
        let result2 = nums3.reduce((preValue, n) => { 
          return preValue * n;
        })
        console.log(result2);//21150720000
    
        /**********累加********** preValue n 第1次 0 20 第2次 20 6 第3次 26 10 第4次 36 ... */

[JS Array]: https://www.runoob.com/jsref/jsref-obj-array.html

发表评论取消回复

表情：

评论列表（有 0 条评论，914人围观）

还没有评论，来说两句吧...

相关阅读

相关 php array处理函数 array_filter(),array_map(),array_walk(),array_reduce()

array\_filter — 用回调函数过滤数组中的单元说明：array\_filter ( array `$array` \[, [callable][] `$call

曾经终败给现在/ 2023年10月08日 09:53/ 0 赞/ 45 阅读

相关函数 map reduce filter

函数 map reduce filter <script> var array = [ { age: 11, n

朴灿烈づ我的快乐病毒、/ 2022年12月02日 04:20/ 0 赞/ 181 阅读

相关 python map() reduce() filter()函数

b = map(lambda x : x 2, a) 计算平方 print(list(b)) c = map(lambda x, y : x + y,

妖狐艹你老母/ 2022年05月22日 11:56/ 0 赞/ 243 阅读

相关 JS Array 对象常用方法 unshift / push 、shift / pop 、filter() / map()

目录 push() 末尾添加元素 unshift() 首部添加元素 shift / pop 方法删除数组首/尾元素 filter() 方法过滤元素 map() 方法处

待我称王封你为后i/ 2022年04月16日 05:58/ 0 赞/ 295 阅读

相关 JS中Array对象的高阶函数 forEach map filter sort reduce reduceRight

文章目录高阶函数 \`Array\`对象的几种高阶函数。 code forEach map filter 区别 &

我会带着你远行/ 2022年02月28日 04:14/ 0 赞/ 171 阅读

相关 JS数据操作常用方法汇总（map, reduce, filter）

业内各大主流编程语言皆已支持`map`、`reduce`，怎能少得了JS？请看以下示例：数据源 let users = [ { 'id': 1

落日映苍穹つ/ 2022年01月07日 01:23/ 0 赞/ 248 阅读

相关 array_reduce() 与 array_map()

相似部分：　　二者同为处理数组函数，可遍历数组中的每一个元素，对其通过 function callback()\{\} 处理。不同处

柔情只为你懂/ 2021年10月25日 13:42/ 0 赞/ 317 阅读

相关 php array_walk , array_reduce和array_filter函数

1.array_walk:将数组中的元素(键+值)依次取出传给处理的函数,函数处理完就完了,没有返回值. $arr1=array( 'name

系统管理员/ 2021年09月26日 02:34/ 0 赞/ 317 阅读

相关 JS Array对象：过滤 filter、映射 map、数据汇总 reduce

JS Array对象：过滤filter、映射map、数据汇总reduce [菜鸟JS Array对象方法][JS Array] 1. 过滤 filter：过滤出符合条

淩亂°似流年/ 2021年07月25日 12:22/ 0 赞/ 915 阅读

相关 js中forEach、map、reduce、filter函数

1、forEach函数： forEach是ES5扩展的语法，可以使用他遍历数组、对象，但是在forEach中不支持continue、break关键字，forEach中可以使用

╰半橙微兮°/ 2021年06月22日 15:38/ 0 赞/ 518 阅读