数组中reduce的使用方法

向右看齐 2022-11-30 04:12 208阅读 0赞

###  1.出现元素的次数: ###

<!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    </head>
    <body>
     
    </body>
    </html>
    <script type="text/javascript">
    	//出现元素的次数
    function arrCount(arr,val){
       let count=arr.reduce((pre,cur,index)=>{
         console.log(pre,cur);
         return pre+=cur==val?1:0
       },0)
       return count
    }
    console.log(arrCount([1,5,3,4,8,1,1],1));//3
    
    </script>

###  2.求数组最大值: ###

//求最大值
    function arrCount(arr){
       let count=arr.reduce((pre,cur,index)=>{
         console.log(pre,cur);
         return pre>cur?pre:cur
       })
       return count
    }
    console.log(arrCount([1,5,3,4,8,1,1]));

###  3.数组去重使用reduce ###

<!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    </head>
    <body>
     
    </body>
    </html>
    <script type="text/javascript">
    	let goods=[
          {name:'apple',price:2000},
          {name:'huawei',price:1321},
          {name:'huawei',price:1421},
          {name:'huawei',price:13221},
          {name:'mi',price:20000},
          {name:'mi',price:20000},
    	]
    	//数组去重
    function filterGoods(arr){
       return arr.reduce((pre,cur)=>{
       	//去找数组中是否有重复的数据有就返回true
         let bool=pre.find((val)=>{
          	 return val.name==cur.name
          })
         //没有这个值就追加进去
         if(!bool){
         	pre.push(cur)
         }
         return pre
       },[])
    }
    console.log(filterGoods(goods))
    </script>

发表评论取消回复

表情：

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

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

相关阅读

相关说一下javascript中数组中的reduce方法

"reduce" 方法是 JavaScript 中数组的一种高阶函数，它可以对数组中的每个元素进行迭代，并生成一个单一的最终结果。它通过接收一个函数作为参数，该函数对每个元素执

╰+攻爆jí腚メ/ 2024年03月25日 12:30/ 0 赞/ 25 阅读

相关 JS数组reduce()方法使用

定义和用法 > reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 > reduce() 可以作为一个高阶函数，用于

淩亂°似流年/ 2023年06月06日 03:41/ 0 赞/ 20 阅读

相关 ES6中的数组reduce()方法详解

目录 1. 语法reduce说明 2. 一些用途 3. 极力避免的情况 -------------------- > reduce() 方法对数组中的每个元素执行一个

拼搏现实的明天。/ 2023年02月19日 07:29/ 0 赞/ 26 阅读

相关数组reduce和reduceRight方法

Array.prototype.reduce() `reduce()` 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。

迷南。/ 2023年01月17日 03:19/ 0 赞/ 180 阅读

相关数组中reduce的使用方法

1.出现元素的次数: <!DOCTYPE html> <html> <head> <title></title> </head

向右看齐/ 2022年11月30日 04:12/ 0 赞/ 209 阅读

相关【JavaScript】数组reduce()方法的妙用

1. reduce()方法简介 Array.prototype.reduce()是一个数组的方法，平时用的是不特别多，但是用到的时候又特别好用，他的用处很多，下面先看一下

客官°小女子只卖身不卖艺/ 2022年11月26日 01:40/ 0 赞/ 180 阅读

相关【JavaScript】查漏补缺 —数组中reduce()方法

【JavaScript】查漏补缺 —数组中reduce()方法 ![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_

Love The Way You Lie/ 2022年08月29日 00:26/ 0 赞/ 165 阅读

相关数组reduce()和reduceRight()方法

原文地址：[https://www.w3cplus.com/javascript/array-part-8.html][https_www.w3cplus.com_javasc

桃扇骨/ 2022年06月01日 05:36/ 0 赞/ 196 阅读

相关数组reduce方法心得

从最简单的例子开始。 var arr = [1, 2, 3, 4, 5]; sum = arr.reduce(function(prev, cur,

迈不过友情╰/ 2022年05月29日 01:22/ 0 赞/ 249 阅读

相关 es5中数组方法unshift、splice、reduce使用

1 [es5和es6的区别][es5_es6] [https://www.cnblogs.com/sunshinezjb/p/9248533.html][es5_es6]

心已赠人/ 2021年09月25日 05:34/ 0 赞/ 453 阅读