ES6数组方法汇总

ES6数组方法汇总1.forEachforEach会遍历数组,没有返回值,不允许在循环体内写return,不会改变原来数组的内容.constarray=[1,2,3,4];array.forEach((item,index,array)=>{  console.log(item)//顺序打出1234})2.mapmap遍历数组,会返回一个新…

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

1.forEach

forEach会遍历数组, 没有返回值, 不允许在循环体内写return, 不会改变原来数组的内容.

const array = [1,2,3,4];

array.forEach((item, index, array) => { 
   

  console.log(item)       // 顺序打出 1 2 3 4

})

2.map

map 遍历数组, 会返回一个新数组, 不会改变原来数组里的内容

const array = [1, 2, 3, 4];

const temp = array.map((item, index, array) => { 
   

  return item

})

console.log(temp)  // [1, 2, 3, 4]

3.filter

filter 会过滤掉数组中不满足条件的元素, 把满足条件的元素放到一个新数组中, 不改变原数组

const array = [1, 2, 3, 4]

const temp = array.filter((item, index, array) => { 
   

  return item >  3

})

console.log(temp)  // [4]

4.every

every遍历数组, 每一项都是true, 则返回true, 只要有一个是false, 就返回false

const array = [1, 2, 3, 4];

const boolen = array.every((item, index, array) => { 
   

  return item > 2

})

console.log(boolen)      // false

5.some

遍历数组的每一项, 有一个返回true, 就停止循环

const array = [1, 2, 3, 4]

const tmep = array.some((item, index, array) => { 
   

  return item > 1

})

console.log(temp)  // true

6.indexOf

查找某个元素的索引值,若有重复的,则返回第一个查到的索引值,若不存在,则返回 -1

const array = [1, 2, 3, 4, 5]

const b = array.indexOf(2)
const c = array.indexOf(6)

console.log(b)      // 1
console.log(c)      // -1

7.find

返回第一个符合条件的数组元素

const array = [1,2,3,4,5,2,4]
const temp = array.find((value, index, array) => value > 2)
console.log(temp)   // 3

8.findIndex

返回第一个符合条件的数组元素索引值

const array = [1,2,3,4,5]
const temp = array.findIndex((value, index, array) => value > 3)
console.log(temp)  // 3

总结的这些都算是自己比较常用的方法,如有疑问请提出

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/131575.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • linux安装rabbitmq教程(rabbitmq中文文档)

    一、准备依赖包yuminstallbuild-essentialopensslopenssl-develunixODBCunixODBC-develmakegccgcc-c++kernel-develm4ncurses-develtktcxz二、下载erlang-18.3-1wgetwww.rabbitmq.com/releases/erlang…

  • [可能没有默认的字体]Warning: imagettfbbox() [function.imagettfbbox]: Invalid font filename……

    [可能没有默认的字体]Warning: imagettfbbox() [function.imagettfbbox]: Invalid font filename……

  • OPC协议_opc通讯协议简介

    OPC协议_opc通讯协议简介一、OPC:OPC是一种利用微软的COM/DCOM技术来达成自动化控制的协定,采用典型的C/S模式,针对硬件设备的驱动程序由硬件厂商完成,提供统一OPC接口标准的Server程序,软件厂商只需按照OPC标准接口编写Client程序就访问Server程序进行读写,即可实现与硬件设备的通信。OPC协定包括:1.DA(DataAccess)规范:访问数据主要采用该规范2.A&E(Alarma…

    2022年10月22日
  • navicate15最新激活码_在线激活

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

  • 视频直播技术大全、直播架构、技术原理和实现思路方案整理

    视频直播技术大全、直播架构、技术原理和实现思路方案整理本文包括原理篇/思路篇/实践篇/方案篇/前端篇/总结直播难:个人认为要想把直播从零开始做出来,绝对是牛逼中的牛逼,大牛中的大牛,因为直播中运用到的技术难点非常之多,视频/音频处理,图形处理,视频/音频压缩,CDN分发,即时通讯等技术,每一个技术都够你学几年的。直播易:已经有各个领域的大牛,封装好了许多牛逼的框架,我们只需要用别人写好的框架,就能快速的搭建一个直播app,也就是传说中的站在大牛肩膀上编程。

  • eplan激活码【2021最新】

    (eplan激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html…

发表回复

您的电子邮箱地址不会被公开。

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