Es5和Es6中数组循环的方法

2024-02-12 10:10

本文主要是介绍Es5和Es6中数组循环的方法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本笔记根据慕课网:链接: JavaScript ES(6-11)全版本语法(谢成老师)讲课整理,仅供自己参考。

在这里插入图片描述
1.for循环:

for(let i=0; i<arr.length; i++){}

2.forEach:

 //elem:当前正在遍历的对象,index:遍历对象所对应的索引,array:当前正在遍历的数组本身
arr.forEach(funciotn(elem,index,array){}

for 和 forEach的区别:forEach不支持continue和break,循环中途无法跳出整个循环。

3.map循环:

arr.map(funciton(value){ })

map 和 forEach之间的区别:forEach只是简单的循环,map函数会遍历数组的每一个元素,需要的返回值会生成新的数组(不会改变原有数组的值)

4.filter(过滤循环)循环:

arr.filter(funciont(value){return value == 2
})

filter同样也会返回一个新的数组,数组里面的元素是经过筛选的元素,符合筛选结果的。

5.some循环

arr.some(funciton(value){})

some适用于判读数组中有没有符合条件的值,返回的是布尔类型的值(只有数组里有一个条件为真,就会返回true)

6.every循环

arr.every(funciton(value){})

every检测每一个元素是否都符合条件值,有一个不符合就返回false,和some是相反的

7.reduce:两个参数:方法,初始值

方法:prev上一次回调的时候所对应的返回值,cur当前正在处理的元素(形参),index,索引,arr原数组
//使用场景:求出数组的使用的和
let sum = arr.reduce(function(prev,cur){return prev+cur
},0)//使用场景:找到数组里最大的值
let max arr.reduce(function(prev,cur){return  Math.max(prev,cur)
})//使用场景:数组去重
let res = arr.reduce(function(prev,cur){prev.indexOf(cur) == -1 && prev.push(cur)return prev
},[])

在这里插入图片描述

1.find 循环

返回第一个通过测试的元素

let res =arr .find(function(value){})

2.findIndex 循环

返回的值为该通过的第一个元素的索引

let res =arr .findIndex(function(value){})

3.for of

forlet item of arr){​console.log(items)}

获取循环的值 arr.values

获取循环下标 arr.keys

获取内容和下标 arr.entries

for(let [index,item] of arr.entries()){
}```

这篇关于Es5和Es6中数组循环的方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/702373

相关文章

Nginx设置连接超时并进行测试的方法步骤

《Nginx设置连接超时并进行测试的方法步骤》在高并发场景下,如果客户端与服务器的连接长时间未响应,会占用大量的系统资源,影响其他正常请求的处理效率,为了解决这个问题,可以通过设置Nginx的连接... 目录设置连接超时目的操作步骤测试连接超时测试方法:总结:设置连接超时目的设置客户端与服务器之间的连接

Java判断多个时间段是否重合的方法小结

《Java判断多个时间段是否重合的方法小结》这篇文章主要为大家详细介绍了Java中判断多个时间段是否重合的方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录判断多个时间段是否有间隔判断时间段集合是否与某时间段重合判断多个时间段是否有间隔实体类内容public class D

Python使用国内镜像加速pip安装的方法讲解

《Python使用国内镜像加速pip安装的方法讲解》在Python开发中,pip是一个非常重要的工具,用于安装和管理Python的第三方库,然而,在国内使用pip安装依赖时,往往会因为网络问题而导致速... 目录一、pip 工具简介1. 什么是 pip?2. 什么是 -i 参数?二、国内镜像源的选择三、如何

IDEA编译报错“java: 常量字符串过长”的原因及解决方法

《IDEA编译报错“java:常量字符串过长”的原因及解决方法》今天在开发过程中,由于尝试将一个文件的Base64字符串设置为常量,结果导致IDEA编译的时候出现了如下报错java:常量字符串过长,... 目录一、问题描述二、问题原因2.1 理论角度2.2 源码角度三、解决方案解决方案①:StringBui

Linux使用nload监控网络流量的方法

《Linux使用nload监控网络流量的方法》Linux中的nload命令是一个用于实时监控网络流量的工具,它提供了传入和传出流量的可视化表示,帮助用户一目了然地了解网络活动,本文给大家介绍了Linu... 目录简介安装示例用法基础用法指定网络接口限制显示特定流量类型指定刷新率设置流量速率的显示单位监控多个

Java覆盖第三方jar包中的某一个类的实现方法

《Java覆盖第三方jar包中的某一个类的实现方法》在我们日常的开发中,经常需要使用第三方的jar包,有时候我们会发现第三方的jar包中的某一个类有问题,或者我们需要定制化修改其中的逻辑,那么应该如何... 目录一、需求描述二、示例描述三、操作步骤四、验证结果五、实现原理一、需求描述需求描述如下:需要在

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤

JavaScript中的reduce方法执行过程、使用场景及进阶用法

《JavaScript中的reduce方法执行过程、使用场景及进阶用法》:本文主要介绍JavaScript中的reduce方法执行过程、使用场景及进阶用法的相关资料,reduce是JavaScri... 目录1. 什么是reduce2. reduce语法2.1 语法2.2 参数说明3. reduce执行过程

C#中读取XML文件的四种常用方法

《C#中读取XML文件的四种常用方法》Xml是Internet环境中跨平台的,依赖于内容的技术,是当前处理结构化文档信息的有力工具,下面我们就来看看C#中读取XML文件的方法都有哪些吧... 目录XML简介格式C#读取XML文件方法使用XmlDocument使用XmlTextReader/XmlTextWr

C++初始化数组的几种常见方法(简单易懂)

《C++初始化数组的几种常见方法(简单易懂)》本文介绍了C++中数组的初始化方法,包括一维数组和二维数组的初始化,以及用new动态初始化数组,在C++11及以上版本中,还提供了使用std::array... 目录1、初始化一维数组1.1、使用列表初始化(推荐方式)1.2、初始化部分列表1.3、使用std::