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)
上一篇 2022年5月10日 下午11:20
下一篇 2022年5月10日 下午11:20


相关推荐

  • CSS3 按钮 打钩

    CSS3 按钮 打钩css 打钩 u icon radioSB width 22px height 22px border radius 100 position relative background 4288E3

    2026年3月16日
    3
  • PyCharm使用(四)–全局搜索关键词

    PyCharm使用(四)–全局搜索关键词在 pycharm 中如何全局搜索关键词

    2026年3月20日
    2
  • suds调用webservice,option设置

    suds调用webservice,option设置suds 是个好东西 轻便 主要是体积够小 依赖包也小 可以满足小脚本的需要 现在最新的 suds 版本是 0 4 好像已经不再更新了 不过依旧好用 上这个网址下载 本人下的是 tar 包自己本地进行编译 https pypi python org pypi suds 0 4Python2 的可以下载 tar 包后 解压 进入解压的目录 nbsp suds 0 4 nbsp 在 cmd 运行语句 python nbsp setup py

    2026年3月17日
    2
  • 常见网络协议汇总

    常见网络协议汇总常用网络协议前言 TCP IP 五层网络模型回顾应用层协议 DNS 协议 HTTP 协议 HTTPS 协议传输层协议 UDP 协议 TCP 网络层 IP 协议 ICMP 协议数据链路层 ARP 协议物理层整体的网络传输流程前言本篇博客将对基于 TCP IP 的五层网络模型中的常见协议做以总结 目的通过这些具体的协议更深刻的认识整体网络的传输流程及相关网络原理 TCP IP 五层网络模型回顾应用层 为用户为用户的应用进程提供网络通信服务协议 DNS 协议 HTTP 协议 HTTPS 协议传输层 负责两台主机之间的数据传输 将数据从发

    2026年3月18日
    2
  • 【⚠️windows删除文件夹抽风了⚠️】“错误0x80070091:目录不是空的”问题处理

    有时候我们想要删除一些无用的文件,但是删除的时候缺发现无法删除文件提示“错误0x80070091:目录不是空的”的问题,下面小编就详细的为大家介绍无法删除空文件夹提示“错误0x80070091:目录不是空的”通用解决方法。具体解决方法如下:1、首先呢,我们随便复制一个文件。(比如我复制自己桌面这个图片)2、“BT”这个文件夹根目录有两个文件夹。3、打开第一个文件夹,一直打开到最后一个文件夹,粘贴之前复制的文件。4、打开第二个文件…

    2022年4月9日
    225
  • OpenResty 最佳实践学习–实战演习笔记(3)

    本篇总结来自 OpenResty(Nginx+Lua)开发入门 ,基本的代码没有改动,主要是自己实际动手操作,测试 Nginx Lua API !我们需要接收请求、处理并输出响应。而对于请求我们需要获取如请求参数、请求头、Body体等信息;而对于处理就是调用相应的Lua代码即可;输出响应需要进行响应状态码、响应头和响应内容体的输出。因此我们从如上几个点出发即可。接收请求我自己进行测试,在我安装的

    2022年2月26日
    52

发表回复

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

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