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数组的各种方法「建议收藏」

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

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

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

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

(1)
blank

相关推荐

  • 虚拟机上网的三种方式

    虚拟机上网的三种方式前言很多人安装虚拟机的时候,经常遇到不能上网的问题,而vmware有三种网络模式,对初学者来说也比较眼花聊乱,今天我就来基于虚拟机3种网络模式,帮大家普及下虚拟机上网的背景知识。(博文原创自http://www.cnblogs.com/ggjucheng/archive/2012/08/19/2646007.html)虚拟机网络模式无论是vmware,virtualbox

  • 您的个人资料来自新版GoogleChrome_google guice

    您的个人资料来自新版GoogleChrome_google guice   来源:德胜网    4月6日,据国外媒体报道,谷歌希望作出额外的确认Buzz用户都知道他们的隐私设置。    在过去的周一一天内,谷歌计划要求Buzz用户当他们登陆进入该服务时重新确认他们的隐私偏好。这样做是为了表明现有的用户相同的确认画面,Buzz自动关注自己的Gmail联络人隐私权反弹增长之后谷歌争取为新用户建立该服务。    目前,该系统“建议”关注联系

    2022年10月16日
  • springboot实战第四章-Spring MVC的测试

    springboot实战第四章-Spring MVC的测试

  • 【Android】 RecyclerView、ListView实现单选列表的优雅之路.

    【Android】 RecyclerView、ListView实现单选列表的优雅之路.转载请标明出处:http://blog.csdn.net/zxt0601/article/details/52703280本文出自:【张旭童的博客】一概述:这篇文章需求来源还是比较简单的,但做的优雅仍有值得挖掘的地方。需求来源:一个类似饿了么这种电商优惠券的选择界面:其实就是一个普通的列表,实现了单选功能,效果如图:(不要怪图渣了,我撸了四五遍,公司录出来的GIF就这么

  • gentoo penguin_vintec

    gentoo penguin_vintechttp://wiki.gentoo.org/wiki/Fvwm

  • Intellij IDEA2021.1创建Java web项目(超详细)

    Intellij IDEA2021.1创建Java web项目(超详细)IntellijIDEA2021.1点击next填写项目的名称以及位置,finish右键项目,选择addframeworksupport完成之后,项目结构变成了这样接下来,我们在WEB-INF下创建classes,lib文件夹编辑项目结构将outputpath的路径改成classes文件夹的路径接下来点击dependencies,选择加号,选择jarsordirectories点击后,他会弹出一个文件选择框,这里选择lib文件所在位置,之后按照下面这张图

发表回复

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

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