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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 什么是依赖注入

    什么是依赖注入

    2021年11月14日
    34
  • revit二次开发教程_BIM二次开发

    revit二次开发教程_BIM二次开发1、利用revit2012和vs2010实现二次开发。1)第一步,利用vs2010建立c#Windows服务类型的项目。2)给新生成的项目添加引用,(放在工程上右键),添加revit相关,把

    2022年8月1日
    0
  • NET命令的基本用法[通俗易懂]

    NET命令的基本用法[通俗易懂] 本文文章综合了WINDOWS98,WINDOWSWORKSTATION和WINDOWSSERVER这三个操作系统关于NET命令的解释,相信对大家会有所帮助。(1)NET命令是一个命令行命令。(2)管理网络环境、服务、用户、登陆……等本地信息(3)WIN98,WINWORKSTATION和WINNT都内置了NET命令。(4)但WIN98的NET命令和WORKS

    2022年5月28日
    34
  • bootstrap分页样式

    bootstrap分页样式bootstrap分页样式在bootstrap.min.css文件中好像没有包含进来bootstrap.css才有的 .pagination{height:40px;margin:20px0;}.paginationul{border-radius:3px3px3px3px;box-shadow:01px2pxrg

    2022年7月17日
    11
  • 【开发工具】【smartctl】硬盘检测工具(smartctl)的使用

    【开发工具】【smartctl】硬盘检测工具(smartctl)的使用概述随着硬盘容量、速度的快速发展,硬盘的可靠性问题越来越重要,今天的单块硬盘存储容量可轻松达到1TB,硬盘损坏带来的影响非常巨大。不同的文件系统(xfs,reiserfs,ext3)都有自己的检测和修复工具。检测之前可以先使用dmesg命令查看有没有硬件I/O故障的日志,如果有,先用fsck看看是不是文件系统有问题,如果不是则可以使用下面介绍硬盘检测和优化方法来修复它。grep“error”/va/log/messages*;SMART是一种磁盘自我分析检测技术,早在90年代末就基本得到了

    2022年10月8日
    0
  • C语言算法之将十进制数转换成二进制数[通俗易懂]

    C语言算法之将十进制数转换成二进制数[通俗易懂]导语:在C语言中没有将其他进制的数直接输出为二进制数的工具或方法,输出为八进制数可以用%o,输出为十六进制可以用%x,输出为二进制就要我们自行解决了。下面给大家讲述一下如何编程实现将十进制数转换成二进制数。先将源代码展示给大家:#include<stdio.h>voidmain(){//进制转换函数的声明inttransfer(intx)…

    2022年5月19日
    66

发表回复

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

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