for each...in，for...in， for...of

最新推荐文章于 2022-04-10 19:08:35 发布

weixin_30794851

最新推荐文章于 2022-04-10 19:08:35 发布

阅读量43

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Jakeyang/p/9947130.html

本文深入解析JavaScript中的三种循环机制：for each...in、for...in和for...of，通过实例演示了如何在对象和数组中使用这些循环，以及它们之间的区别和适用场景。

一、for each ...in

complain:

该语句在对象属性的所有值上迭代指定的变量。对于每个不同的属性，执行指定的语句。

       句法：  for each (variable in object)  {statement}

example:

注：永远不要在数组上使用这样的循环。仅在物体上使用它。有关for...in详细信息，请参阅

以下代码段迭代对象的属性，计算它们的总和：

var sum = 0;
var obj = {prop1: 5, prop2: 13, prop3: 8}; for each (var item in obj) { sum += item; } console.log(sum); // logs "26", which is 5+13+8

二、for...in

complain:

在for...in对所有非迭代符号，枚举的属性的一个对象。

句法：

  for (variable in object) { ...}
（variable每次迭代都会为变量分配不同的属性名称。object迭代非Symbol可枚举属性的对象）

example:

以下函数将对象作为其参数。然后，它遍历所有对象的可枚举非Symbol属性，并返回属性名称及其值的字符串。

以下函数说明了以下内容的用法hasOwnProperty()：不显示继承的属性。

三、for...of

complain：

所述for...of创建了一个循环迭代迭代的对象（包括内置的String，Array例如该Array式的arguments或NodeList对象，TypedArray，Map和Set，和用户定义的iterables），调用的自定义迭代钩与语句来为每个不同的属性的值执行对象。