for ··· in和for ··· of的区别

最新推荐文章于 2024-04-04 00:38:20 发布
最新推荐文章于 2024-04-04 00:38:20 发布
阅读量138 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47824664/article/details/110002352
版权

for ··· in和for ··· of的区别

首先一句话(for···in取值为key,for···of取值为value)

**1.**从遍历数组角度来说，for···in遍历出来的是key(即下标)，for···of遍历出来的是value(即数组的值)
在这里插入图片描述
在这里插入图片描述
**2.**从遍历字符串的角度来说，同数组一样。
**3.**从遍历对象的角度来说，for···in会遍历出来的为对象的key，但for···of会直接报错。
再
在这里插入图片描述
在这里插入图片描述
4.如果要使用for…of遍历普通对象，需要配合Object.keys()一起使用。
在这里插入图片描述

爱编程爱向往
关注
for-in和for-of区别
weixin_43905830的博客
01-28 936
for-in和for-of区别 先说说结论 for-in适合遍历对象属性，for-of适合遍历数组 for-in循环出的是key值，for-of循环出的是value for-in可以遍历可枚举的属性，for-of遍历的是可迭代的 for-of不能直接遍历普通的对象，需要通过Object.keys()搭配使用 for-in循环 最早期遍历数组的方式就是一层for循环遍历数组下标： let a=[1,2,3,4]; for(let i=0;i<a.length;i++){ console.l
for of和for in的区别
weixin_43183219的博客
02-19 184
for in和for of实例演示，并总结其不同
for in 和 for of的区别
热门推荐
qq_43796489的博客
08-10 5万+
1.循环数组 区别一：for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。 const arr = [1,2,3,4] // for ... in for (const key in arr){ console.log(key) // 输出 0,1,2,3 } // for ... of for (const key of arr){ console.log(key) // 输出 1,2,3,
javascript总for of和for in的区别？
weixin_30394251的博客
11-19 88
推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of。 for...in循环出的是key，for...of循环出的是value 注意，for...of是ES6新引入的特性。修复了ES5引入的for...in的不足 for...of不能循环普通的对象，需要通过和Object.keys()搭配使用 假设我们要遍历一个...
for in 和 for of 的区别
许发君博客
03-08 562
for in 和 for of 的区别 举例说明 const arr = [ { name: 'peter', age: 28 }, { name: 'tom', age: 30 } ] const obj = { name: 'alice', age: 24 } // for in 循环数组 for (let index in arr) { console.log(index) // 这里打印的是数组的下标 0, 1 } // for in 循环对象 for (let index in
通过实例解析JavaScript for in及for of区别
11-20
对数组的遍历大家最常用的就是...那么接下来我们一起看一下for in 和for of 的区别吧。 for in 看一个简单的例子 //for in 应用于数组 Array.prototype.sayHello = function(){ console.log("Hello") } Array.prot
详解Js里的for…in和for…of的用法
10-17
在JavaScript中，`for...in`和`for...of`是两种不同的循环结构，它们各自有特定的用途和特点。本文将深入解析这两种循环的区别和用法，通过示例代码帮助理解。 首先，`for...in`循环是JavaScript中较早引入的迭代...
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遍历的...
for in与for of的区别
最新发布
夏天的博客
04-04 1592
for in与for of的区别
for of与for in区别
MYuanFang的博客
08-16 201
for of（遍历） 是ES6的新特性：遍历的是元素; for in(遍历)：遍历的是下标;
for-in和for-of的区别
y_hh_的博客
06-26 491
简介 for…in ,是在ES5中提出的，用于遍历对象中所有的键值;for…of则是ES6中提出，是可以遍历所有数据结构的统一方法。 for…in for-in 语句是一种精准迭代的语句，可以用于枚举对象中的属性。 主要的缺点： 在对数组进行遍历时，数组的键名是数字，但在for-in语句中是以字符串作为键值的，如‘0’、‘1’、‘2’. for-in会遍历对象中的所有键值，如在数组中手动添加的其他键值。 对于for-in 中遍历的顺序是不一定的。 总之对于for-in 语句来说，最好是用来遍历对象，而不
for of 和 for in 的区别
cppp1111的博客
03-30 3万+
for of 和 for in 的区别1.共性2.区别1.两者对比例子(遍历对象)2.两者对比例子(遍历数组)3.特点①. ``for in`` 特点①. ``for of`` 特点 1.共性 for of 和 for in都是用来遍历的属性 2.区别 for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 for in得到对对象的key或数组,字符串的下标 for of和forEach一样,是直接得到值 for of不能用于对象 1.两者对比例子(遍历对象) con
for…in 和 for…of 的区别
m0_38135164的博客
12-07 1215
for of 一般只能遍历自身的可枚举属性（具体和迭代器内部的实现有关）for of 一般得到的是value（具体和迭代器内部的实现有关）for in 能遍历自身的可枚举属性 && 原型上的可枚举属性。，像Array、String、Map、Set、函数的。for in 得到的是key（并且不能保证顺序）例如 对象、数组、字符串。for in 适用于。for of 适用于。、nodeList对象。
for...in 和for...of的区别
weixin_39808181的博客
03-10 335
① for of 可以遍历数组里的每一项（for of 遍历数组的值）;一般不建议for in 遍历数组（for in 是遍历循环数组的索引（键值）） var arr = ['haha','heihei']; for(var item of arr){ console.log(item); } 打印结果：'haha','heihei' ---------------------------------- var arr = ['haha','heihei']; for(var item in arr){
for of 与 for in的区别
huang100qi的专栏
05-12 447
遍历数组通常使用for循环，ES5具有遍历数组功能的有forEach、map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，不能break中断循环，使用return也不能返回到外层函数。12345678Array.prototype.method=function(){　　console.log(this...
for in 和for of区别
07-27
在 JavaScript 中，for...in 和 for...of 是两种循环语句，用于迭代数组或对象的元素。它们的用法和行为有一些区别。 1. for...in 循环： for...in 循环用于迭代对象的可枚举属性。它会遍历对象的所有可枚举属性，包括自身的属性和继承的属性。语法如下： ```javascript for (variable in object) { // 循环体 } ``` 在循环体中，你可以通过 variable 获取到当前迭代的属性名。 示例： ```javascript const obj = { a: 1, b: 2, c: 3 }; for (let key in obj) { console.log(key); // 输出属性名：a, b, c console.log(obj[key]); // 输出属性值：1, 2, 3 } ``` 2. for...of 循环： for...of 循环用于迭代可迭代对象（如数组、字符串、Set、Map等）的元素值。它会遍历对象的可迭代部分，而不包括对象的属性。语法如下： ```javascript for (variable of iterable) { // 循环体 } ``` 在循环体中，你可以通过 variable 获取到当前迭代的元素值。 示例： ```javascript const arr = [1, 2, 3]; for (let value of arr) { console.log(value); // 输出元素值：1, 2, 3 } const str = "Hello"; for (let char of str) { console.log(char); // 输出字符：H, e, l, l, o } ``` 总结： - for...in 循环用于迭代对象的属性名，可以遍历对象的可枚举属性。 - for...of 循环用于迭代可迭代对象的元素值，可以遍历数组、字符串等可迭代对象。 希望这个解答对你有帮助！如果你还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值