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中数组循环的方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/maoxiaohei_/article/details/116144550
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/702373

相关文章

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

Python列表去重的4种核心方法与实战指南详解

《Python列表去重的4种核心方法与实战指南详解》在Python开发中,处理列表数据时经常需要去除重复元素,本文将详细介绍4种最实用的列表去重方法,有需要的小伙伴可以根据自己的需要进行选择... 目录方法1:集合(set)去重法(最快速)方法2:顺序遍历法(保持顺序)方法3:副本删除法(原地修改)方法4:

Spring Boot循环依赖原理、解决方案与最佳实践(全解析)

《SpringBoot循环依赖原理、解决方案与最佳实践(全解析)》循环依赖指两个或多个Bean相互直接或间接引用,形成闭环依赖关系,:本文主要介绍SpringBoot循环依赖原理、解决方案与最... 目录一、循环依赖的本质与危害1.1 什么是循环依赖?1.2 核心危害二、Spring的三级缓存机制2.1 三

Python中判断对象是否为空的方法

《Python中判断对象是否为空的方法》在Python开发中,判断对象是否为“空”是高频操作,但看似简单的需求却暗藏玄机,从None到空容器,从零值到自定义对象的“假值”状态,不同场景下的“空”需要精... 目录一、python中的“空”值体系二、精准判定方法对比三、常见误区解析四、进阶处理技巧五、性能优化

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

C++中初始化二维数组的几种常见方法

《C++中初始化二维数组的几种常见方法》本文详细介绍了在C++中初始化二维数组的不同方式,包括静态初始化、循环、全部为零、部分初始化、std::array和std::vector,以及std::vec... 目录1. 静态初始化2. 使用循环初始化3. 全部初始化为零4. 部分初始化5. 使用 std::a

如何将Python彻底卸载的三种方法

《如何将Python彻底卸载的三种方法》通常我们在一些软件的使用上有碰壁,第一反应就是卸载重装,所以有小伙伴就问我Python怎么卸载才能彻底卸载干净,今天这篇文章,小编就来教大家如何彻底卸载Pyth... 目录软件卸载①方法:②方法:③方法:清理相关文件夹软件卸载①方法:首先,在安装python时,下

电脑死机无反应怎么强制重启? 一文读懂方法及注意事项

《电脑死机无反应怎么强制重启?一文读懂方法及注意事项》在日常使用电脑的过程中,我们难免会遇到电脑无法正常启动的情况,本文将详细介绍几种常见的电脑强制开机方法,并探讨在强制开机后应注意的事项,以及如何... 在日常生活和工作中,我们经常会遇到电脑突然无反应的情况,这时候强制重启就成了解决问题的“救命稻草”。那

kali linux 无法登录root的问题及解决方法

《kalilinux无法登录root的问题及解决方法》:本文主要介绍kalilinux无法登录root的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,... 目录kali linux 无法登录root1、问题描述1.1、本地登录root1.2、ssh远程登录root2、