数组中reduce的使用方法

向右看齐 2022-11-30 04:12 195阅读 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 条评论，195人围观）

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

相关阅读

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

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

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

相关数组reduce和reduceRight方法

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

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

相关数组中reduce的使用方法

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

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

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

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

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

相关 python3中reduce()函数的使用方法

本文主要给大家介绍了关于python中reduce()函数使用的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍： reduce()函数在库func

柔光的暖阳◎/ 2022年10月05日 05:45/ 0 赞/ 178 阅读

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

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

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

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

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

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

相关数组reduce方法心得

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

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

相关 Javascript中数组方法reduce的妙用之处

![1709462-dc05ed0ad42164a9.png][] arrary.png Javascript数组方法中，相比`map`、`filter`、`forEach

刺骨的言语ヽ痛彻心扉/ 2022年01月10日 08:53/ 0 赞/ 247 阅读

相关 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 赞/ 428 阅读