使用for....of遍历对象的方法

最新推荐文章于 2024-04-10 09:30:00 发布

daisyer_cat

最新推荐文章于 2024-04-10 09:30:00 发布

阅读量2.9k

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.csdn.net/daisyer_cat/article/details/126728169

版权

本文介绍了如何使用ES6的for...of循环遍历对象，包括类数组对象和普通对象的处理方法。对于类数组对象，可以借助Array.from()将其转为数组进行遍历；对于普通对象，可以通过添加迭代器属性或使用Generator函数实现遍历。

摘要由CSDN通过智能技术生成

for…of是作为ES6新增的遍历方式，允许遍历一个含有iterator接口的数据结构（数组、对象等）并且返回各项的值，普通的对象用for…of遍历是会报错的。

遍历类数组对象时

使用Array.from()方法将对象转换为数组

var obj = {
       
    0:'one',
    1:'two',
    length: 2
};
obj = Array.from(obj);
for(var k of obj){
       
    console.log(k)
}

遍历普通对象时
- 给对象添加一个[symbol.iterator

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

daisyer_cat

关注关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

ES6中Iterator与for..of..遍历用法分析

08-30

与`for..in`循环不同，`for..in`循环主要用于遍历对象的属性，而`for..of`则更适用于遍历数据本身的值。对于数组和类数组对象，`for..of`循环可以方便地获取每个元素的值： ```javascript let arr = [1, 2, 3]; ...

24.for...of遍历对象

qq_74217055的博客

02-16

852

of是作为ES6新增的遍历方式，允许遍历一个含有iterator接口的数据结构（数组、对象等）并且返回各项的值，如果需要遍历的对象是类数组对象，用Array.from转成数组即可。

1 条评论您还未登录，请先登录后发表或查看评论

js遍历中 Map 、forEach、for in 、 for of 区别

qq_53165476的博客

04-08

1197

Map 对象存有键值对，其中的键可以是任何数据类型。Map 对象记得键的原始插入顺序。Map 对象具有表示映射大小的属性。map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。map适用于你要改变数据值的时候，不仅在于它更快，而且返回一个新的数组，这样可以提高复用性（map(),filter(),reduce()）等组合使用。

js中如何使用for..of来遍历对象？

fangqi20170515的博客

08-27

4463

for …of是ES6新增的遍历方式，用于遍历数组和对象的。for…of是允许遍历一个含有Iterator接口的数据结构（对象、数组等）并且返回各项值。普通对象是无法遍历的。

数组遍历方法详解

weixin_56817537的博客

09-02

1515

数组遍历方法详解

for of 可以遍历哪些对象

TC_DESpipi的博客

01-11

1574

for of 循环

for..of的用法

weixin_45663702的博客

08-04

3424

for..of的用法

ES6 Iterator接口和for...of循环用法分析

10-16

`for...of`循环不仅适用于数组和自定义对象，还能够遍历Set、Map、字符串、生成器对象等。例如： ```javascript let set = new Set(['xixiaoxian', 'jamin']); for (let value of set) { console.log(value); // ...

js遍历详解(forEach, map, for, for...in, for...of)

10-16

for...in循环常用于遍历对象中的键名，但需要注意，它也会遍历原型链上的属性，所以通常需要配合hasOwnProperty方法来过滤掉这些不需要的属性。 for...of循环是ES6中引入的一种新的遍历方式，它可以遍历具有可迭代...

for..in与for..of迭代器

01-20

`for...in`迭代器主要用于遍历对象的可枚举属性，它返回的是对象属性的键（key）。在提供的示例中： ```javascript let obj = { a: 1, b: 2, c: 3 }; for (let val in obj) { console.log(val); // 输出：a b c } ...

js中for of能否遍历对象

lyy18719172450的博客

03-30

3099

不能 for of 循环首先会向被访问对象请求一个迭代器对象，然后通过调用迭代器对象的next() 方法来遍历所有返回值 for of能遍历的有set map array string因为这些类型有迭代器对象但是object没有迭代器对象所以无法遍历对象但是可以用for in来遍历 var a= { b:1 } for(let i in a){ console.log(a[i]); } 详情参考https://blog.csdn.net/xhom_w/article/details/1033134

for...in for...of遍历对象的四种方式

peifeng_chen的微博

03-04

4578

首先最简单的ES 5的for in遍历对象 let a={ a:100, b:200 } for(let key in a) console.log(key,a[key]) for+Object.keys()方法遍历对象 let a={ a:100, b:200 } for(let key of Object(a)) console.log(key,a[key]) for of+Object.entries()方法返回一个给定对象自身可枚举属性的键

一文带你了解javascript中的for...of循环

热门推荐

tyxjolin的专栏

04-19

1万+

for...of 循环是 JavaScript 中的一种循环结构，它可以用于遍历各种数据结构，例如数组、字符串、Map、Set 等。for...of 循环通常用于替代传统的 for 循环或 forEach 循环，因为它具有更加简洁和易读的语法，能够提高代码的可读性和可维护性。其中，variable 是一个变量名，表示循环中每次迭代时的当前值，iterable 是一个可迭代对象，表示要遍历的数据结构。

比较for、for...in、for...of、forEach的区别

thwr1881的博客

05-27

5514

前言在比较之前我们先了解两个概念：迭代（iterate），指的是按照某种顺序反复多次执行一段程序，通常会有明确的终止条件。遍历（traversal），指的是按照一定的规则访问树形结构中的每个节点，而且每个节点都只访问一次。一、for循环语句 for循环语句在之前的博客里有较为详细的介绍，简单来说for语句是一种先测试循环语句，（即先检测退出条件，再执行循环体内的代码.) 1、语法： for（初始化变量;条件表达式;操作表达式）{ 循环体语句 } (1)三个表达式都可以省略,但是表达式之间的分号不

for...of原理解析

github_38991801的博客

03-08

1212

目录 Iterator(迭代器) for...of for...of 是ES6引入用来遍历所有数据结构的统一方法。这里的所有数据结构只指具有iterator接口的数据。一个数据只要部署了 Symbol.iterator，就具有了 iterator接口，就可以使用 for...of 循环遍历它的成员。也就是说，for…of循环内部调用的数据结构为Symbol.iterator方法。 for.....

ES6中for...of的使用（遍历数据）

牛先森家的博客

06-30

2591

先说说以下循环遍历的对比 for 循环 ES3 的方法需要知道遍历的次数，注意：可以随时终止循环 forEach ES5 的方法不需要知道循环的次数，注意：不能随时终止循环 for...of ES6 的方法综合了 for 和 forEach循环不需要知道循环的次数，注意：可以随时终止循环说明： var arr = ['a', 2, 3, 4, 5]; //【1】for循环遍历数组 for (let i = 0; i < arr.length; i

JavaScript中的for...of循环的用法详解