ES6数组常用方法总结[通俗易懂]

ES6数组常用方法总结[通俗易懂]这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好!这是你第一次使用Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

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

一、常规数组循环
let arr = [1,2,3];
for(let i = 0;i<arr.length;i++){

//条件判断或操作数组
return ; 可以return 值
}
二、ES6数组方法
1、array.forEach()
循环遍历数组中的每一项
let arr = [1,2,3]
array.forEach((item,index)=>{

//数组操作
不能return 值
})
2、array.map()
map方法和forEach每次执行匿名函数都支持3个参数,参数分别是item(当前每一项)、index(索引值)、arr(原数组),但是map返回一个新数组,原数组不影响;
let arr = [1,2,3];
let arr2 = arr.map((iitem,index)=>{

if(item==1){

return true;
}else{

return false; //通过return 返回想要的东西
}
})
结果arr2 = [true,false,false] arr = [1,2,3]
3、array.filter
筛选数组中符合条件的项,返回一个新数组
let arr = [1,2,4];
let result = arr.filter((item,index)=>{

return item>2;
})
结果 result 为 [4]
4、array.some()和array.every()
想执行一个数组是否满足什么条件,返回一个布尔值,这时forEach和map就不行了,可以用一般的for循环实现,或者用array.every()或者array.some();
(1)array.some() 类似于或
some()方法用于检测数组中的元素是否有满足条件的,若满足返回true,否则返回false
注意:1、不会对空数组检测
2、不会改变原始数组
let arr = [1,2,4];
let result = arr.some((item,index)=>{

return item>2;
})
结果 result 为true
(2) array.every() 类似于与
用于检测数组中所有元素是否都满足条件,若满足返回true,否则返回false
let arr = [1,2,4];
let result = arr.every((item,index)=>{

return item>2;
})
结果 result 为false
5、array.find()
find()方法只会找到第一个符合的,找到之后就会直接返回,就算下面还有符合要求的,也不会再找下去
let arr = [1,1,2,4];
let result = arr.find((item,index)=>{

return item>=2;
})
结果 result 为2
6、array.reduce()
reduce((sum,item)=>{…},0)要有两个参数,第一个参数一定要初始化
let arr = [{name:‘张三’,index:0},{name:‘李四’,index:1}];
let result = arr.((array,item)=>{

array.push(item.name)
return array;;
},[ ])
结果 result 为[‘张三’,‘李四’]

后续还待补充

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

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

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


相关推荐

  • VideoAdsSpeed_延时视频如何去闪

    VideoAdsSpeed_延时视频如何去闪项目官网:http://vllab.ucmerced.edu/wlai24/video_consistency/当对视频进行操作时,若不考虑帧与帧之间的关系,只对单张图像进行例如风格迁移、上色、超分辨率处理等等,会造成视频结果的不连贯,出现闪烁,这个论文提出了一种方法,可以无视图像处理的方法,直接解决视频不连续问题。论文亮点:1.用卷积LSTM有效的去除了视频中的闪烁,并且在测试的时候不需要…

    2022年10月10日
    3
  • java 常量表达式,需要常量表达式? (Java switch语句)[通俗易懂]

    java 常量表达式,需要常量表达式? (Java switch语句)[通俗易懂]Ihavenoideawhatiscausingthiserror.MyteacherandIwentoveritandcouldn’tfindwhatwaswrong.importjava.util.Scanner;publicclassMailAssignment{publicstaticvoidmain(String[]args){S…

    2022年9月29日
    4
  • 平庸前端码农之蜕变 — AST

    平庸前端码农之蜕变 — AST前言首先,先说明下该文章是译文,原文出自《ASTforJavaScriptdevelopers》。很少花时间特地翻译一篇文章,咬文嚼字是件很累的事情,实在是这篇写的太棒了,所以忍不住想和大家一起分享。该译文出自我的博客:github.com/CodeLittleP…,我的博客会不定时更新各种类型文章,希望大家支持。OK,我们直接进入正题。为什么要谈AST(抽象语法树)?如果你查看目…

    2022年7月21日
    14
  • Python正则表达式_正则表达式有什么用

    Python正则表达式_正则表达式有什么用定义:正则表达式是对字符串(包括普通字符(例如,a到z之间的字母)和特殊字符(称为“元字符”))操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式是一种文本模式,该模式描述在搜索文本时要匹配的一个或多个字符串。上面都是官方的说明,我自己的理解是(仅供参考):通过事先规定好一些特殊字符的匹配规则,然后利用这些字符进行组合来匹配各种复杂的字符串场景。比如现在的爬虫和数据分析,字符串校验等等都需要用

    2022年10月3日
    3
  • HtmlDocument 类 使用

    HtmlDocument 类 使用HtmlDocument类 注意:此类在.NETFramework2.0版中是新增的。提供对WebBrowser控件承载的HTML文档的顶级编程访问。命名空间:System.Windows.Forms程序集:System.Windows.Forms(在system.windows.forms.dll中)varExpCollDivS

    2022年7月19日
    16
  • Python核心编程(网络编程)[通俗易懂]

    Python核心编程(网络编程)[通俗易懂]1、pythonsocket模块内置方法2、tcp服务器伪代码3、tcp客户端伪代码4、socket模块属性5、一个简单的tcp客户端和服务端

    2022年7月5日
    28

发表回复

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

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