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

相关文章

python获取指定名字的程序的文件路径的两种方法

《python获取指定名字的程序的文件路径的两种方法》本文主要介绍了python获取指定名字的程序的文件路径的两种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 最近在做项目,需要用到给定一个程序名字就可以自动获取到这个程序在Windows系统下的绝对路径,以下

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

JavaScript中的高级调试方法全攻略指南

《JavaScript中的高级调试方法全攻略指南》什么是高级JavaScript调试技巧,它比console.log有何优势,如何使用断点调试定位问题,通过本文,我们将深入解答这些问题,带您从理论到实... 目录观点与案例结合观点1观点2观点3观点4观点5高级调试技巧详解实战案例断点调试:定位变量错误性能分

Python中 try / except / else / finally 异常处理方法详解

《Python中try/except/else/finally异常处理方法详解》:本文主要介绍Python中try/except/else/finally异常处理方法的相关资料,涵... 目录1. 基本结构2. 各部分的作用tryexceptelsefinally3. 执行流程总结4. 常见用法(1)多个e

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法

《JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法》:本文主要介绍JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法,每种方法结合实例代码给大家介绍的非常... 目录引言:为什么"相等"判断如此重要?方法1:使用some()+includes()(适合小数组)方法2

Spring 依赖注入与循环依赖总结

《Spring依赖注入与循环依赖总结》这篇文章给大家介绍Spring依赖注入与循环依赖总结篇,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. Spring 三级缓存解决循环依赖1. 创建UserService原始对象2. 将原始对象包装成工

504 Gateway Timeout网关超时的根源及完美解决方法

《504GatewayTimeout网关超时的根源及完美解决方法》在日常开发和运维过程中,504GatewayTimeout错误是常见的网络问题之一,尤其是在使用反向代理(如Nginx)或... 目录引言为什么会出现 504 错误?1. 探索 504 Gateway Timeout 错误的根源 1.1 后端