JavaScript中，for in 和for of的区别

已于 2023-09-19 14:59:00 修改
阅读量285 收藏
点赞数
文章标签： javascript
于 2023-08-01 14:44:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36528523/article/details/132041660
版权
  • for in 遍历的是数组的索引（即键名），而 for of 遍历的是数组元素值（即键值）。
  • for...in 循环出的是 key，for...of 循环出的是 value 
  • 推荐在循环对象属性的时候使用 for...in，在遍历数组的时候的时候使用 for...of
  • for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
  • for of和forEach一样,是直接得到值
  • 注意，for...of 是 ES6 新引入的特性。修复了 ES5 引入的 for...in 的不足 
  • for...of 不能循环普通的对象（如通过构造函数创造的），需要通过和 Object.keys()搭配使用
笛宴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
通过实例解析JavaScript for in及for of区别
10-15
在JavaScript中，`for...in`和`for...of`都是循环结构，但它们的应用场景和行为有所不同。这里我们将深入探讨这两个循环的区别，并通过实例来理解它们的工作原理。 `for...in`循环主要用于遍历对象的可枚举属性，...
全面解析JavaScript里的循环方法之forEach，for-in，for-of
10-22
在JavaScript中，有三种主要的循环方法：`forEach`、`for-in`和`for-of`，每种都有其特定的用途和特点。 `forEach`方法是ES5引入的一个数组方法，简化了对数组元素的遍历。例如： ```javascript myArray.forEach...
javascript中for-in和for-of的区别
desmoker的博客
06-05 497
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
JS for-in和for-of的区别
weixin_60463255的博客
10-25 1万+
for-in实例： let arr = [1, 2, 3, 4, 5] Array.prototype.id = 123 arr.name = 'Jessica' for (let index in arr) { if (index == 2) { // break;//0,1 // continue;//0,1,3,4 // return;//0,1 } console.log(index, arr[index]);//遍历[1,2,3,4,5,Jessica,123] } for-of
深入了解JS中for...in和for...of的区别
热爱前端的大三在校生
10-20 7812
无论是for...in还是for...of语句都是迭代一些东西。它们之间的主要区别在于它们的迭代方式。for...in语句以原始插入顺序迭代对象的可枚举属性。for...of语句遍历可迭代对象定义要迭代的数据（内建的可迭代对象定义要迭代的数据为键值，这个可迭代对象可以自己更改，不过如非必要最好不要这么做）。
JS for in 与 for of 的区别
qq_45954420的博客
04-21 3601
for in 是ES5标准，遍历的是key（可遍历对象，数组和字符串的key） for of 是ES6标准，遍历的是value（可遍历对象，数组和字符串的value） 一、for in for in 用来循环数组不是一个合适的选择 ，使用for...in可以遍历数组，但会存在以下问题： index索引为字符串型数字（数字，非数字），不能进行集合运算 遍历顺序有可能不是按照实际数组的内部顺序（可能按照随机顺序） 使用for-in会遍历数组所有的可枚举属性，包括原型。原型方法method和name属
JavaScript中for in 和for of的区别以及个人理解详解
全栈科学家的博客
01-12 405
循环数组，得到的数组的下标，通常需要配合hasOwnProperty()方法判断某个属性是否该对象的实例属性，来将原型对象从循环中剔除。for in 循环是为遍历对象而创建的，虽然也可以遍历数组，但是并不推荐，若要遍历数组，可以使用 for of 循环。for in 循环是一种特殊类型的循环，也是普通 for 循环的变体，主要用来遍历对象，也可数组，字符串，得到。遍历顺序有可能不是按照实际数组的内部顺序（可能按照随机顺序），这里我无法制造例子，其实个人也不太了解。当然也可遍历对象，字符串，可自行尝试。
js中forEach，for in，for of循环的用法示例小结
10-15
本文将深入探讨三种常见的循环类型：`forEach`、`for...in` 和 `for...of`，并结合实例来阐述它们的用途和注意事项。 一、`forEach`循环 `forEach`方法是数组的一个内置方法，它为数组中的每个元素执行一次提供的...
详解Js里的for…in和for…of的用法
10-17
在JavaScript中，`for...in`和`for...of`是两种不同的循环结构，它们各自有特定的用途和特点。本文将深入解析这两种循环的区别和用法，通过示例代码帮助理解。 首先，`for...in`循环是JavaScript中较早引入的迭代...
JS中 for in 与 for of的区别
热门推荐
nO0b
10-06 3万+
最直接的区别就是: for in遍历的是数组的索引（即键名）， 而for of遍历的是数组元素值。 Array.prototype.method=function(){} var myArray=[1,2,4]; myArray.name="数组"; for (var index in myArray) console.log(myArray[index]); //0,1,...
JS 中 for in 和 for of 的区别
qq_43886365的博客
02-22 2014
`for in`适合遍历对象，`for of`适合遍历数组。for in遍历的是数组的索引，对象的属性，以及原型链上的属性。 `for of`除了能够遍历真数组、字符串、ES6的Set、Map集合还能遍历伪数组（NodeList）；
js中for in和for of的区别
qq_42243957的博客
04-22 7066
1、直接遍历对象 for in 拿到的是对象的属性名，for of 直接报错 2、遍历数组： for in 拿到的是数组对象的下标，for of 拿到的是数组对象的值 3、forEach **forEach 循环无法中途跳出，break 命令或 return 命令都不能奏效 for…of 循环可以与break、continue 和 return 配合使用，跳出循环** 4、无论是 for…in 还是 for…of 都不能遍历出 Symbol 类型的值， 遍历 Symbol 类型的值需要用 Object.
js中for in与for of之间的差异
u013594477的专栏
03-19 5559
先说结论： 推荐在循环对象属性的时候，使用for…in,在遍历数组的时候的时候使用for…of。 for…in循环出的是key，for…of循环出的是value 注意，for…of是ES6新引入的特性。修复了ES5引入的for…in的不足 for…of不能循环普通的对象，需要通过和Object.keys()搭配使用 假设我们要遍历一个数组的valuelet aArray = [‘a’,1...
js for in 和 for of的区别详解
weixin_49085046的博客
09-09 170
for in 和 for of 都是用来遍历属性的。 例1:遍历对象 const obj = { a: 1, b: 2, c: 3 } for (let i in obj) { console.log(i) // a // b // c } for (let i of obj) { console.log(i) // Unca
js中 for in 和 for of 的区别
weixin_44576693的博客
06-13 1622
js中 for in 和 for of 的区别
js中for-in 和for-of
发渐稀的博客
07-15 1147
区别一：for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。总结：for in适合遍历对象，for of适合遍历数组。for in遍历的是数组的索引，对象的属性，以及原型链上的属性。对象，只能遍历带有iterator接口的，例如 Set, Map, String, Array。区别二：for in 可以遍历对象，for of。一样,是直接得到值。
JavaScript：for of 与for in的区别
最新发布
ruancexiaoming的博客
03-07 569
for of 语句则是遍历实现了可迭代协议（Iterable Protocol）的对象，如数组、Set、Map、String、Generator对象等。它不会遍历对象的属性，而是遍历对象的各个元素或值。for in 语句主要用于遍历对象的可枚举属性，包括对象自身的属性和从原型链继承的属性。都是用来遍历数据结构，可以用来处理数组、Set、Map等可迭代对象或对象属性。当需要遍历对象的所有属性（包括可能继承的属性）时，使用 for in 更合适。for of 循环中的迭代变量将依次获取可迭代对象的元素值。
(js)for of 和 for in 的区别
nyf_unknow的博客
02-17 6054
区别一：for in 和 for of 都可以循环数组。for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。区别二：for in 可以遍历对象，for of 不能，只能遍历带有iterator接口的，例如Set,Map,String,Array。for in遍历的是数组的索引，对象的属性，以及原型链上的属性。for in适合遍历对象，for of适合遍历数组。
javascript中for in和for of的用法和区别
rolinabc的博客
01-07 3075
在js中循环遍历的方式有很多, 但是仍然有很多人搞不懂for in和for of的用法,下面加以阐述: var arr=[{name:'tom'},{name:'lucy'}] var obj = {name:'tom',age:12} 1.for in 多用于对象的遍历,若是用来遍历数组, 则拿到的是数组的索引: va...
js中for in 和for of的区别
07-23
在JavaScript中，`for...in`和`for...of`是两种不同的循环结构，用于遍历集合或数组中的元素。它们在使用方式和遍历对象上有一些不同之处。 1. `for...in`循环： - 用于遍历对象的属性，而不是数组或集合的元素。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值