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

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

好题——hdu2522(小数问题:求1/n的第一个循环节)

好喜欢这题,第一次做小数问题,一开始真心没思路,然后参考了网上的一些资料。 知识点***********************************无限不循环小数即无理数,不能写作两整数之比*****************************(一开始没想到,小学没学好) 此题1/n肯定是一个有限循环小数,了解这些后就能做此题了。 按照除法的机制,用一个函数表示出来就可以了,代码如下

hdu2241(二分+合并数组)

题意:判断是否存在a+b+c = x,a,b,c分别属于集合A,B,C 如果用暴力会超时,所以这里用到了数组合并,将b,c数组合并成d,d数组存的是b,c数组元素的和,然后对d数组进行二分就可以了 代码如下(附注释): #include<iostream>#include<algorithm>#include<cstring>#include<stack>#include<que

【C++】_list常用方法解析及模拟实现

相信自己的力量,只要对自己始终保持信心,尽自己最大努力去完成任何事,就算事情最终结果是失败了,努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一:什么是list? •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二:list常用接口 •🌰1.默认成员函数 🔥构造函数(⭐) 🔥析构函数 •🌰2.list对象

浅谈主机加固,六种有效的主机加固方法

在数字化时代,数据的价值不言而喻,但随之而来的安全威胁也日益严峻。从勒索病毒到内部泄露,企业的数据安全面临着前所未有的挑战。为了应对这些挑战,一种全新的主机加固解决方案应运而生。 MCK主机加固解决方案,采用先进的安全容器中间件技术,构建起一套内核级的纵深立体防护体系。这一体系突破了传统安全防护的局限,即使在管理员权限被恶意利用的情况下,也能确保服务器的安全稳定运行。 普适主机加固措施:

webm怎么转换成mp4?这几种方法超多人在用!

webm怎么转换成mp4?WebM作为一种新兴的视频编码格式,近年来逐渐进入大众视野,其背后承载着诸多优势,但同时也伴随着不容忽视的局限性,首要挑战在于其兼容性边界,尽管WebM已广泛适应于众多网站与软件平台,但在特定应用环境或老旧设备上,其兼容难题依旧凸显,为用户体验带来不便,再者,WebM格式的非普适性也体现在编辑流程上,由于它并非行业内的通用标准,编辑过程中可能会遭遇格式不兼容的障碍,导致操

hdu 1166 敌兵布阵(树状数组 or 线段树)

题意是求一个线段的和,在线段上可以进行加减的修改。 树状数组的模板题。 代码: #include <stdio.h>#include <string.h>const int maxn = 50000 + 1;int c[maxn];int n;int lowbit(int x){return x & -x;}void add(int x, int num){while