js中常见的遍历：forEach、map、for in、for of

已于 2023-12-13 19:50:10 修改
阅读量513 收藏 8
点赞数 12
文章标签： 数据结构
于 2023-12-13 19:45:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51847461/article/details/134979669
版权

forEach:方法中function回调有三个参数：(value,index,array)-分别对应的是（值，下标，原数组）

对应的结果：

map:返回一个新的数组，按照原始数据的元素顺序处理元素；有三个值（item，index，array）对应的是（当前正在处理的元素，下标，方法被调用的数组）

 

for of 和for in的区别：

1循环数组.for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。

2.循环对象：for in 可以遍历对象，for of 不能遍历对象

3.循环数组对象：

综上所述 for of适合遍历数组，而for in适合遍历对象；

qq_51847461
关注
【面经】js种的遍历方法 map、foreach、for of 、for in等理论区别使用场景
代码的魅力，根本走不出来
04-12 400
以上是常用的遍历方法，不同的方法适用于不同的场景，需要根据具体情况选择使用。根据需要，我们可以选择不同的遍历方法。需要注意的是，对于大多数情况下的数组遍历，forEach 和 for of 都是很好的选择。如果我们需要在不改变原数组的情况下生成一个新数组，使用 map；如果我们需要遍历对象属性和方法，使用 for in；如果我们需要在遍历时中断循环，使用 for of。
JS几种数组遍历方式总结
热门推荐
宁静致远
03-14 24万+
JS数组遍历的几种方式JS数组遍历，基本就是for,forin,foreach,forof,map等等一些方法，以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一种:普通for循环代码如下:for(j = 0; j < arr.length; j++) { } 简要说明: 最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间第二种:优化版for循环代码如下...
js遍历详解(forEach, map, for, for...in, for...of)
10-16
在本篇文章里小编给大家整理的是关于js中的各种遍历(forEach, map, for, for...in, for...of)相关知识点用法总结，需要的朋友们参考下。
介绍5种常用 for循环：for、forEach、map、for in、for of。
weixin_70024734的博客
07-10 736
for of 是ES6版本发布的，在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句。版本发布的，按升序为数组中含有效值的每一项执行一次回调函数，那些已删除或者未初始化的项将被跳过（例如在稀疏数组上），一般认为是 普通for循环 的加强版。map 是ES5版本发布的，遍历时可以返回一个新数组，新数组的结果是原数组中的每个元素都调用一次提供的函数后的返回值。
forEach、map、for in、 for of
qq_43751465的博客
09-12 258
var arr = [0,0,0]; arr.forEach(val => val = 1); console.log(arr); // (3) [0, 0, 0] for(var i of arr){i = 1}; console.log(arr); //(3) [0, 0, 0] arr.map(val =>val = 1); console.log(arr); //(3) [0, 0, 0] for(var i in arr){ arr[i] = 1}; console.log(
js遍历中 Map 、forEach、for in 、 for of 区别
qq_53165476的博客
04-08 1253
Map 对象存有键值对，其中的键可以是任何数据类型。Map 对象记得键的原始插入顺序。Map 对象具有表示映射大小的属性。map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。map适用于你要改变数据值的时候，不仅在于它更快，而且返回一个新的数组，这样可以提高复用性（map(),filter(),reduce()）等组合使用。
for-in和for-of，forEach和Map
weixin_34309543的博客
08-29 100
for-in和for-of 　　1. 　for-in循环实际是为循环”enumerable“对象而设计的，是用来循环带有字符串key的对象的。　　　　使用for in会遍历数组所有的可枚举属性，包括原型。所以for in更适合遍历对象，不要使用for in遍历数组。 　　var obj = {a:1, b:2, c:3}; 　　for (var prop in obj) { 　...
js遍历详解(forEach, map, for, for…in, for…of)
01-19
forEach es5出来的方法，这是我在react中用的最多的遍历方法之一，用法如下： models.forEach(model => app.model(model)); dva里面经常这么写。 写法很简单，经常用于通过这个数组内的数据创造新的结构，但是...
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
10-20
本文将深入浅出地解析JavaScript中的`map`、`filter`、`some`、`every`、`forEach`、`for...in`和`for...of`的用法。 1. **map**： `map`函数用于创建一个新数组，其结果是调用提供的函数`func`后的原数组的每个...
JavaScrip for in、for of、forEach、map、filter、some、every
司马懿的西山居
12-07 1305
forEach((currentValue, index, arr){}) forEach 是 ES5 引入的函数。 它支持遍历数组和容器，依次取得数组中的每一个元素。 不能用来遍历对象 使用 return 返回参数无效，使用 break 尝试中断循环会报错。 forEach 返回 undefined map((currentValue, index, arr){}) map 是 ES5 引...
for in 、 for of、 forEach 、map 区别
baidu_27448251的博客
10-10 244
for...in 1.for in是为循环enumerabe 对象设计的 let obj = {a: '1', b: '2', c: '3', d: '4'} for (let o in obj) { console.log(o) //遍历的实际上是对象的属性名称 a,b,c,d console.log(obj[o]) //这个才是属性对应的值1，2，3，4 } ...
for...in、for...of、forEach、map区别
m0_60622481的博客
05-17 554
目录 for...in for...of forEach map for...in 可以遍历对象、数组等，但是比较消耗性能，并不推推荐，遍历对象返回的是对象的key，遍历数组返回的是数组可枚举属性的下标！ ***for...in会查找到对象的原型链上 function Person(name,age,sex){ this.name=name this.age=age this.sex=sex } Person.prototype.hight=188 var ..
for...of，for...in，forEach和map的区别
zl13015214442的博客
05-27 3963
1. for…of循环 具有 iterator 接口，就可以用for...of循环遍历它的成员(属性值value)。for...of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象、Generator 对象，以及字符串。for...of循环调用遍历器接口，数组的遍历器接口只返回具有数字索引的属性。对于普通的对象，for...of结构不能直接使用，会报错，必须部署了 Iter...
for与for...in、for Each和map和for of
qq_45138778的博客
11-09 213
//for与for…in的区别: 1、相同点:for 能遍历有固定长度和固定次数的数组等。for...in 也能遍历数组,但也能遍历对象。 for(var k in 数组名) //k=key(下标) 2、不同点:for 是根据数据的长度来执行次数,empty(空)也会执行。而for..in则会根据数据内容来执行次数,empty会跳过不执行。 遍历数组或对象时优先使用for...in //for each只做遍历,无返回值,打印是undifined,仅仅只是做遍历功能; //map也可以用于数组遍历,但是可以
forEach和map和for...in 和 for...of的区别
cxz
04-14 451
说一下for…in 和 for…of的区别? for…of遍历获取的是对象的键值, for…in获取的是对象的键名; for…in会遍历对象的整个原型链, 性能非常差不推荐使用,而for…of只遍历当前对象不会遍历原型链; 对于数组的遍历,for…in会返回数组中所有可枚举的属性(包括原型链上可枚举的属性),for…of只返回数组的下标对应的属性值; 总结：for…in循环主要是为了遍历对象而生,不适用遍历数组; for…of循环可以用来遍历数组、类数组对象、字符串、Set、Map以及Generator对象
JavaScript对for、for-in、foreach、map循环
最新发布
web全栈开发的博客
11-24 70
循环是编程中常用的一种结构，用于重复执行一段代码。JavaScript中提供了多种循环方式，包括for循环、for-in循环、forEach方法和map方法。本文将对这些循环方式进行比较，并从前言、原理分析、具体代码实现例子、注意事项和总结等方面进行讨论。前言：在开始比较之前，让我们先了解一下这些循环方式的介绍。for循环：for循环是一种最基本的循环结构，通过设置初始条件、循环条件和每次循环后的...
map、forEach、for、for in、for of等的区别
weixin_48290187的博客
03-29 3954
1、map： 一定遍历全部数据，不能通过return结束，消耗性能，不要常用。 常用于转换数据结构，比forEach快。 使用方法如下： let aa = [1,2,3]; let bb = []; let cc = []; let dd = []; bb = aa.map((x)=>({key: x, value: x})); console.log('bb',bb); bb.map((x)=>{x.name='name'}); cc = bb; console.log('cc',cc); d
JavaScript对for、for-in、foreach、map循环理解
这里是前端，是不一样的前端
09-18 249
在开始比较之前，让我们先了解一下这些循环方式的介绍。for循环：for循环是一种最基本的循环结构，通过设置初始条件、循环条件和每次循环后的操作，可以重复执行一段代码。for-in循环：for-in循环用于遍历对象的可枚举属性，将每个属性的键名赋值给指定的变量，并执行相应的代码块。forEach方法：forEach方法是数组对象的一个方法，用于遍历数组的每个元素，并执行回调函数。map方法。
js map对象遍历
web13985085406的博客
04-04 262
for(let key in mapData) console.log("属性：" + key + ",值："+ mapData[key]); }
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值