for...of和for..in实现数组、对象的遍历的区别

最新推荐文章于 2022-09-02 15:57:53 发布
最新推荐文章于 2022-09-02 15:57:53 发布
阅读量541 收藏 5
点赞数
分类专栏： # JavaScript 前端 文章标签： js javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sayUonly/article/details/105859942
版权
本文探讨了JavaScript中for...of和for...in遍历数组和对象的不同。for...of主要用于遍历数组，它遍历的是数据值，而for...in不仅可以遍历数组，还能遍历对象，它返回的是索引或对象的key。
摘要由CSDN通过智能技术生成

开发过程中我们经常需要遍历数组和对象。

for...of和for...in都可用于遍历，但是两者略有区别。

for…of

我们来输入一组代码：

const array = ['a', 'b', 'c']
const object = {
   
  'o1': 'a',
  'o2':
最低0.47元/天 解锁文章
acgCode
关注
专栏目录
for...in和for...of的区别和使用场景
donggua_123的博客
12-22 1778
这还要从一道面试题说起，请问下面两种情况分别打印什么： let arr = [1,2,3,4,5] for(let i in arr) { console.log(i) // 0,1,2,3,4 } for(let i of arr) { console.log(i) // 1,2,3,4,5 } 可以看到，for in遍历的是数组索引，也是数组的键，for of遍历的...
js利用for in循环获取 一个对象的所有属性以及值的实例
11-29
实例如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> [removed] function fun1(obj){
对数组的遍历和对对象的遍历 --- for ... in 和 for ... of 的区别
洛神赋
09-06 637
var arr=["张三","李四","王五","赵六"]; let person = { username: 'luohao', password: '123456', hometown: '湖北省' } //for ... of 专属于数组的遍历方式 for (var value of arr){ console.log(value); } for (let index in...
js中for in 遍历对象和数组的区别
我心坚持
10-19 271
在对象中遍历： let data = { name:'wang', age:18 } for(let key in data){ console.log("key---"+key) } // 输出：key表示的是对象中的键 // key---name // key---age 在数组中遍历： let arr = ['wang', 18] for(let key in arr){ console.log("key---"+key) } // 输出：key表示的是对象中的下标索引 // key---
遍历对象方法for in 和for of的区别
weixin_39535289的博客
08-07 1991
for in可以遍历对象和数组 使用for in遍历时，会有以下问题 index索引为字符串型数字（注意，非数字），不能直接进行几何运算 遍历顺序有可能不是按照实际数组的内部顺序（可能按照随机顺序） 使用for-in会遍历数组所有的可枚举属性，包括原型方法method和name属性都会被遍历出来，通常需要配合hasOwnProperty()方法判断某个属性是否该对象的实例属性，来将原型对象从循环中剔除 所以for-in更适合遍历对象且配合hasOwnProperty()方法一
for in 和for of的区别(遍历数组与对象方法的总结)、伪数组
yiyueqinghui的博客
08-09 1422
1、遍历数组的方法 1.1 for(var i=0;i<arr.length;i++){} 1.2 Array.forEach()方法 var arr = ['Tony','July' ] arr.forEach(function(item,index){ console.log(index,item) }) arr.forEach(function(item,index){ console.log(index,item) }) // 0 "Tony" // 1 "July" for
ES6中Iterator与for..of..遍历用法分析
08-30
对于数组和类数组对象，`for..of`循环可以方便地获取每个元素的值： ```javascript let arr = [1, 2, 3]; for (let item of arr) { console.log(item); // 输出：1, 2, 3 } let args = (function() { return ...
js遍历详解(forEach, map, for, for...in, for...of)
10-16
然后是for循环，这是最为通用的循环结构，在数组和对象遍历中都可以使用。for循环可以控制起始条件、结束条件和递增操作，还可以使用break和continue语句来控制循环流程。for循环的通用性和灵活性使其在许多情况下都...
for..in与for..of迭代器
01-20
在JavaScript中，`for...in`和`for...of`是两种不同的迭代方式，它们各自适用于不同的场景。这里我们将深入探讨这两个迭代语法以及迭代器的概念。 ### `for...in`迭代器 `for...in`迭代器主要用于遍历对象的可枚举...
for .. of可用于哪些数据的遍历
you200282的博客
07-26 596
for .. of可用于哪些数据的遍历
for...of遍历数组对象更新数据
weixin_51614564的博客
05-17 592
小程序使用for...of遍历数据对象更新数据，代码示例如下： words:[ {words:'哈',num:3,jilv:0}, {words:'口',num:8,jilv:0}, {words:'是',num:4,jilv:1}, {words:'了',num:3,jilv:5}, {words:'吗',num:0,jilv:5}, {words:'赛',num:2,jilv:3}, {words:'帮',num:1,jilv:2}, {words:'就',num
68、对Object进行原型编程，使任意实例能够被for...of遍历
sunnnnh的博客
09-26 538
// 对Object进行原型编程 Object.prototype[Symbol.iterator] = function* () { let index = 0; let arr = Object.entries(this); let length = arr.length; while (true) { if (index >= length) { return false } else { let ke.
循环遍历时for...in和for...of的区别
深圳最菜前端
05-20 253
遍历数组的区别 遍历数组var和let类型的比较 这里使用let声明变量,不要使用var,存在变量提升问题 var a = [ 1, 2, 3 ] for (var i = 0 ; i < 3 ; i ++ ) { setTimeout(function(){ console.log(i) },0) } // 3 3 3 var a = [ 1, 2, 3 ] for (let i = 0 ; i < 3 ; i ++ ) { setTimeout(function(){ con
for in 和for of的一些区别以及遍历数组的一些注意点
菜鸟的博客
01-16 1817
ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。 Array.prototype.method=function(){ 　　console.log(this.leng...
Object 重识（一）
YancyCathy的博客
08-09 333
内容有点儿多，将分为两篇内容与大家分享。有的地方确实难以理解，可以多动手实现一下，看看效果。 一直听说有这么一句话，在JavaScript中，一切皆为对象。 经本人慎重研究之后发现，此言的确不虚。（这不废话么，虚不虚的还用你说。） 今天斗胆跟大家一起讨论一下JavaScript重的Object。了解Object背后的 – 生活 阅读间隙，还得多注意休息哟~ 1. 对象的创建 开始第一个小问题，看一下如何创建一个对象。创建对象有四(shi)种方式。以下几种方式都可创建一个对象，只不过创建之后的表现稍有不同。具
前端知识点two
qq_58233395的博客
11-20 674
哎嘿，我又又又来了，准备好接招了嘛???? 实现一个对象的flatten方法 实现以下转换： const obj={ a:{ b:1, c:2, d:{ e:5 } }, b:[1,3,{a:2,b:3}], c:3 } flatten(obj){}结果返回如下： //{ // 'a.b':1, // 'a.c':2, // 'a.d.e':5, // 'b[0]':1, // 'b[1]':3, // 'b[2].a':2 // 'b
数组遍历方法详解
weixin_56817537的博客
09-02 1508
数组遍历方法详解
js中foreach，for in，for of的使用及区别，遍历对象，遍历数组使用的不一样 JavaScript
两天打鱼三天晒网
01-16 9934
1. for(var obj in objs){ ... } 语句 如果集合中的元素是对象可以直接对它进行操作。范例： for (var l in document.links){ alert(l.href); } 如果对象是多个属性和值的形式话得这样用： var obj = {a: 1, b: 2}; for (var i in obj) { alert("key:"
for...in和for...of的区别
最新发布
03-16
for...in和for...of都是用于遍历数组或对象的循环语句，但是它们的作用不同。 for...in循环用于遍历对象的属性，返回的是属性名。而for...of循环用于遍历可迭代对象（如数组、字符串、Set、Map等），返回的是元素值...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值