ES6数组的各种方法「建议收藏」

ES6数组的各种方法「建议收藏」1.ES6数组的各种方法2.forEach()函数①数组名.forEach(function(数组中一个元素的值){对这个值进行处理….})②数组名.forEach(test)test为方法名,不用加(),把函数引用传进去③利用函数引用这种方式的话,会自己把每个值传进去,不需要用()传进去3.map()方法①map()方…

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

1.ES6数组的各种方法

ES6数组的各种方法「建议收藏」

 

 

2.forEach()函数

①数组名.forEach(function(数组中一个元素的值){对这个值进行处理….})

②数组名.forEach(test)test为方法名,不用加(),把函数引用传进去

ES6数组的各种方法「建议收藏」

 

ES6数组的各种方法「建议收藏」

 

ES6数组的各种方法「建议收藏」

③利用函数引用这种方式的话,会自己把每个值传进去,不需要用()传进去

ES6数组的各种方法「建议收藏」

 

3.map()方法

①map()方法一定要有一个返回值,没有返回值的话就会返回一个undefined

②map()方法的返回值是一个数组

③应用场景:要返回一个要利用原数组经过运算后的数组,或者是在一个对象数组中要拿到某一个属性,并且返回一个新数组的情况

ES6数组的各种方法「建议收藏」

 

ES6数组的各种方法「建议收藏」

 

4.filter()函数

①filter可以返回一个新数组,也可以直接改变原数组

①应用场景:

1)已知对象数组,要把对象数组中一些符合要求的对象重新组成一个数组

ES6数组的各种方法「建议收藏」

 

ES6数组的各种方法「建议收藏」

2)筛选出符合多个条件的对象数组中的一些元素,组成新数组或者是直接覆盖原数组

ES6数组的各种方法「建议收藏」

 

ES6数组的各种方法「建议收藏」

3)有两个数组(A,B),根据A中的ID值,过滤掉B数组中不符合的数据

ES6数组的各种方法「建议收藏」

 

5.find()方法

①find()方法只会找到第一个符合的,找到之后就会直接返回,就算下面还有符合要求的,也不会再找下去

②应用场景

1)在对象数组中,找到符合要求的对象,只能找到第一个符合要求的

ES6数组的各种方法「建议收藏」

 

ES6数组的各种方法「建议收藏」

2)两个对象数组,找A数组中有B数组的ID的元素

ES6数组的各种方法「建议收藏」

 

ES6数组的各种方法「建议收藏」

3)开发应用环境:博客列表,点击博客列表,根据博客列表的URL的数组,用find找到对应的Id,然后找到对应的列表的详情页的URL,并进行展示

 

6.some()和every()方法

①some()方法只要有一个满足就行,every()方法要所有的满足才可以,即some():一真即真,every():一假即假,跟逻辑运算符差不多

ES6数组的各种方法「建议收藏」

 

ES6数组的各种方法「建议收藏」

②运用场景

1)如果所有的操作系统都大于16位,则该程序可用,否则即为不可用

//some只要有一个大于,它就不会再往下找,直接返回true,因为相当于 || (逻辑或运算符)

ES6数组的各种方法「建议收藏」

//every()相当于&&,找到第一个错的就直接返回false,不再往下找

ES6数组的各种方法「建议收藏」

 

7.reduce()方法

①reduce(function(sum,number){…},0)要有两个参数,第一个参数一定要初始化

ES6数组的各种方法「建议收藏」

②应用场景

1)代替map做一些简单的运算

ES6数组的各种方法「建议收藏」

2)将一个对象数组中的某些属性的值抽出来,组成一个新的数组

ES6数组的各种方法「建议收藏」

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

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

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


相关推荐

  • 关于random()跟nextInt()方法过不了公司安评测试「建议收藏」

    关于random()跟nextInt()方法过不了公司安评测试「建议收藏」手上的项目最近过不了公司的安平测试,报告处理啊之后,发现问题竟然处在nextInt()跟random()两个方法上面,具体不通过的原因如下:大概意思就是,这两个系统自带的方法会导致安全信息泄露,因此禁止。然后我就进去查看具体代码,发现如下:没有进行任何的安全加密,只是验证码生成随机遮掩线条。安评测试的逻辑估计是只要调用这个方法都是不安全的,呵呵!!崩溃了,在线等C友建议如何改善了!…

    2022年7月21日
    24
  • CSS改变鼠标样式(图片)

    CSS改变鼠标样式(图片)下面就来介绍下步骤方法:首页把鼠标图标格式转换成.ico格式,大小为32*32转换格式网址为:https://www.easyicon.net/covert/然后在CSS样式中增加代码:*{cursor:url(../images/shubiao.ico),auto;}大功告成啦~~~说明:图片大小最好是32*32的大小Css中的cursor属性不仅仅需…

    2022年5月31日
    36
  • telnet如何连接_telnet使用方法

    telnet如何连接_telnet使用方法目录准备的东西开启服务连接准备的东西两台主机这里设主机A和主机B用主机A访问主机B开启服务两台电脑都要开telnet服务这时候连接你会发现连不上,提示23端口未打开。看一下,确实没有打开23端口。启动之后23端口就打开了。如下图所示连接连接过程中,会提示这个错误。是因为我们用A访问B时,用的B主机上面的账户。但是B主机的账户并没有在TelnetClicents这个组里。在B主机里把账户添加到这个组就可以连接了。…

    2025年11月21日
    3
  • 2022.1 pycharm激活码-激活码分享

    (2022.1 pycharm激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月31日
    2.5K
  • AI算法,又整新活!萌妹子来挑战~

    AI算法,又整新活!萌妹子来挑战~GANsNRoses动画脸控制变换算法

    2022年4月30日
    50
  • 类型转换异常处理java.lang.RuntimeException

    类型转换异常处理java.lang.RuntimeException前几天在做一个安卓项目的时候一直报java.lang.RuntimeException错,一直调试不出来,今天突然又灵感是不是文件配置出错了,果然在清单文件中少了一句 android:name=”.KXApplication”。02-0510:19:52.429:E/AndroidRuntime(16026):java.lang.RuntimeException:Una

    2022年7月18日
    17

发表回复

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

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