javaScript中 for...in 和 for...of 的区别

alanoddsoff 发布于2019-08-22 18:42 / 2804人阅读

摘要：和的差异解析是标准，是针对的不足而补充的方法。遍历的是数组中元素的值。当使用遍历数组的时候，我们得到的实际上是数组的索引值键值，同时如果数组存在别的属性的话，也会被遍历出来。甚至可以遍历到对象的原型方法和属性一个栗子参考简述中与区别

for...in和for...of使用场景差异

一句话：遍历对象的属性时，用for...in。想遍历数组中元素的值的话,用for...of。

for...in 和 for...of的差异解析

for...in是 ES5 标准，for...of是 ES6 针对for...in的不足而补充的方法。

for...in遍历的是 "键名"。for...of遍历的是数组中元素的值。

当使用for...in遍历数组的时候，我们得到的实际上是数组的索引值(键值)，同时如果数组存在别的属性的话，也会被遍历出来。for...in甚至可以遍历到对象的原型方法和属性

一个栗子

Object.prototype.objCustom = function () {}; 
Array.prototype.arrCustom = function () {};

let iterable = [3, 5, 7];
iterable.foo = "hello";

for (let i in iterable) {
  console.log(i); //  0, 1, 2, "foo", "arrCustom", "objCustom"
}


for (let i of iterable) {
  console.log(i); // 3, 5, 7

参考

简述js中 for in 与 for of 区别

GPU云服务器云服务器 for...of php和javascript的区别 javascript和jquery的区别 jquery和javascript的区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96113.html

Javascript数组的“字符串”索引 & for…in 和 for…of的区别

摘要：中的数组是没有字符串索引的，形如只是在对象上添加了属性。本来有几个例子，然而搜到了的文档，所以摘一点下面摘自循环会遍历一个对象上面的所有属性。语法是针对集合的，而不是所有的对象。它会遍历定义了属性的集合的所有元素。 TL;DR：js中的数组是没有字符串索引的，形如array[b] = someValue只是在array对象上添加了属性。本来有几个例子，然而搜到了MDN的文档，所以摘一...

mo0n1andin 2019-08-20 17:50 评论0 收藏0
JavaScript 的 4 种数组遍历方法： for VS forEach() VS for/in

摘要：对于，除非使用箭头函数，它的回调函数的将会变化。使用测试下面的代码，结果如下打印打印要点使用的规则要求所有回调函数必须使用箭头函数。译者按： JS 骚操作。原文：For vs forEach() vs for/in vs for/of in JavaScript 译者: Fundebug 本文采用意译，版权归原作者所有我们有多种方法来遍历 JavaScript 的数组或者...

joyqi 2019-08-26 13:35 评论0 收藏0
JavaScript的几种循环方式

摘要：本教程解释了现代中各种各样的循环可能性目录介绍提供了许多迭代循环的方法。引入了循环，它结合了的简洁性和破解能力注意使用。此循环在每次迭代中创建一个新范围，因此我们可以安全地使用它而不是。 JavaScript提供了许多通过LOOPS迭代的方法。本教程解释了现代JAVASCRIPT中各种各样的循环可能性 showImg(https://segmentfault.com/img/bVbfH...

Allen 2019-08-29 16:28 评论0 收藏0
JavaScript的几种循环方式

摘要：本教程解释了现代中各种各样的循环可能性目录介绍提供了许多迭代循环的方法。引入了循环，它结合了的简洁性和破解能力注意使用。此循环在每次迭代中创建一个新范围，因此我们可以安全地使用它而不是。 JavaScript提供了许多通过LOOPS迭代的方法。本教程解释了现代JAVASCRIPT中各种各样的循环可能性 showImg(https://segmentfault.com/img/bVbfH...

piapia 2019-08-26 12:19 评论0 收藏0
JavaScript的几种循环方式

摘要：本教程解释了现代中各种各样的循环可能性目录介绍提供了许多迭代循环的方法。引入了循环，它结合了的简洁性和破解能力注意使用。此循环在每次迭代中创建一个新范围，因此我们可以安全地使用它而不是。 JavaScript提供了许多通过LOOPS迭代的方法。本教程解释了现代JAVASCRIPT中各种各样的循环可能性 showImg(https://segmentfault.com/img/bVbfH...

ztyzz 2019-08-02 11:20 评论0 收藏0