ES6 数组新增方法

ES6 数组新增方法目录ES6数组新增方法1、.map2、some和every方法3、filter4、数组新增的reduce方法ES6数组新增方法1、.map.map()给数组中的每一个元素添加特殊处理,返回新的数组实现给定数组添加元letprices=[20,30,40]//20元30元40元letarr=prices.map(item=>item+”元”)给给定数据替换某内容letmovies=[{id:1,name:’逃学…

大家好,又见面了,我是你们的朋友全栈君。

目录

ES6 数组新增方法

1、  .map

2、some和every 方法

3、filter

4、数组新增的reduce方法


ES6 数组新增方法

1、  .map

.map()  给数组中的每一个元素添加特殊处理,返回新的数组

实现给定数组添加元

let prices=[20,30,40] //20元 30元 40元
let arr=prices.map(item=>item+"元")

给给定数据替换某内容

let movies=[{id:1,name:'逃学威龙',imgUrl:"http://xxx.douban.com/1.png"},
            {id:2,name:'逃学威龙',imgUrl:"http://xxx.douban.com/1.png"},
            {id:3,name:'逃学威龙',imgUrl:"http://xxx.douban.com/1.png"}]
movies=movies.map(item=>{
    item.imgUrl=item.imgUrl.replace("xxx","www")
    return item
})
console.log(movies)

2、some和every 方法

.every() 依次 拿出数组中的元素与特定的值进行比较,如果一个返回的是假 整体返回就是假,如果全部返回真 ,则为真  一假既假 
.some() 依次 拿出数组中的元素与特定的值进行比较,如果一个返回的是真 整体返回就是真, 一真既真 

let scores=[2,5,4,8,6,1,11,12]
let result=scores.every(item=>item>=10)
console.log(result)//false

let scores=[2,5,4,8,6,1,11,12]
let result=scores.some(item=>item>=10)
console.log(result)//true

3、filter

依次拿出数组中的元素 返回符合要求的元素
 

let arr=[20,10,5,40,50]
let result=arr.filter(item=>item>30)
console.log(result)//[40,50]

4、数组新增的reduce方法

let result=arr.reduce((prev,item,index,array)=>{
    1.prev 上次操作的返回结果
    2.item 当前处理数组元素
    3.index 当前处理数组元素的索引值
    4.array 当前对应的数组
})

默认情况下 第一次的返回结果是第一个元素  即 第一个prev是数组第一个元素

利用reduce进行求和

let arr=[1,5,4,6]
let result=arr.reduce((prev,item)=>item+prev)
console.log(result)  //16

利用reduce数组去重复
.includes() 判断数组是否有指定元素

let arr=["百度","腾讯","阿里","京东","百度","阿里","京东","百度"]
let result=arr.reduce((prev,item)=>{
     if(!prev.includes(item)){
          prev.push(item)
      }
      return prev
 },[])
 console.log(result)

利用reduce统计数组中每一个字符出现次数 ,返回一个对象 
依次拿出数组中元素,判断其出现的次数  {a:2,n:1,}

let arr=["a","a","n","z"]
 let result=arr.reduce((prev,item)=>{
    //先判断当前是否有 这个属性,如果有属性那么 value++ ,如果没有属性 创造新属性 =1
    //item是否存在prev中
    //如何判断对象是否有指定属性 
    if(item in prev){
        prev[item]++
    }else{
        prev[item]=1
    }
    return prev
},{})
console.log(result)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/143117.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • java中获取绝对值的方法_Java完美判断绝对值的两种方法 | 彬菌「建议收藏」

    版权声明:转载原创文章请以超链接形式请注明原文章出处,尊重作者,尊重原创!恰饭广告if-else语句判断:importjava.util.Scanner;publicclassAbsoluteValue{publicstaticvoidmain(String[]args){Scannerinput=newScanner(System.in);//声明扫描仪变量System.ou…

    2022年4月15日
  • jpa实现增删改查_hibernate入门案例

    jpa实现增删改查_hibernate入门案例JPA(JavaPersistenceAPI)Java持久化API。是一套Java官方制定的ORM方案。JPA是一种规范,一种标准,具体的操作交给第三方框架去实现,比如说Hibernate,OpenJPA等。本文介绍了ORM思想,JPA规范与实现,如何去搭建JPA的基础环境,JPA的操作步骤以及使用Java代码用JPA做基本数据的增删改查。

    2022年10月20日
  • SQL 开发任务超 50% !滴滴实时计算的演进与优化

    SQL 开发任务超 50% !滴滴实时计算的演进与优化摘要:ApacheFlink是一个分布式大数据处理引擎,可对有限数据流和无限数据流进行有状态计算。可部署在各种集群环境,对各种大小的数据规模进行快速…

    2022年6月2日
  • 挖矿病毒攻击的排查处置手册

    挖矿病毒攻击的排查处置手册一、背景在用户不知情或未经允许的情况下,占用系统资源和网络资源进行挖矿,影响用户的网络和资源,从而获取虚拟币牟利。为了帮助应对恶意挖矿程序攻击,发现和清除恶意挖矿程序,防护和避免感染恶意挖矿程序,整理了如下针对挖矿活动相关的现状分析和检测处置建议。二、为什么会感染恶意挖矿程序通常遇到企业内网主机感染恶意挖矿程序,或者网站、服务器以及使用的云服务被植入恶意挖矿程序的时候,都不免提出“为什么会感染恶意挖矿程序,以及是如何感染的”诸如此类的问题,目前感染恶意挖矿程序的主要方式:2.1.利用类似其他病毒木

    2022年5月29日
  • SecureCRT中文乱码解决方法(6)

    SecureCRT中文乱码解决方法(6)1、重新查看会话,是否中文显示正常2、依然无法正常显示中文,可能是由于Linux系统中默认的字符编码非UTF8所致用root用户登录。输入cat/etc/sysconfig/i18n如果安装系统为中文系统,则修改【LANG=“zh_CN.UTF-8”】如果安装系统为英文系统,则修改【LANG=“en_US.UTF-8”】保存文件。断开SSH,重新登录。就正常了下面是修改…

    2022年7月17日
  • sqlpro studio 2021激活码[最新免费获取]

    (sqlpro studio 2021激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html1STL5S9V8F-eyJsaWN…

    2022年3月27日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号