使用 Iterator 和 for-of 循环在 ECMAScript 2015 中迭代数组和对象-JavaScript中文网-JavaScript教程资源分享门户

使用 Iterator 和 for-of 循环在 ECMAScript 2015 中迭代数组和对象

随着 ECMAScript 2015 的发布，JavaScript 中引入了 Iterator 和 for-of 循环。这两个特性让我们能更简单、更方便地迭代数组和对象，并在编写代码时更加高效。

Iterator

Iterator 是一种新的数据遍历方式，它提供了一种统一的遍历接口，解决了 ES5 的 for-in 循环遍历对象属性时只能遍历 enumerable 属性的问题。Iterator 的基本原理就是让一个对象成为可迭代的，可以使用 for-of 循环进行迭代，同时又不需要明确指定每个元素的位置。

那我们该如何使用 Iterator 呢？

首先要知道，Iterator 是一个返回迭代器对象的函数，该迭代器对象包含一个 next() 方法，当调用该方法时，它会返回一个对象，该对象包含两个属性：done 和 value。

done 是一个布尔值，表示是否完成遍历，value 可以是任何 JavaScript 值，表示当前遍历的值。如果迭代器已经到达了最后一个值，那么 done 就是 true，value 就是 undefined。

一般来说，可以给自己的对象添加 Symbol.iterator 属性，它的值是一个返回迭代器对象的函数。以下示例演示如何在自定义对象中使用 Iterator。

----- -------- - -
  ------ --- -- -- ---
  ------------------- - -- -- --------------- --
    --- ----- - --
    ----- ----- - -----------
    ------ - -- -------
      ------ - -- -- ------ ----------- ---- - ----- ----
        ----- ---- - ----- -- -------------
        ----- ----- - ----- - -------------- - ----------
        ------ - ----- ----- --
      -
    --
  -
--

--- ------ ---- -- --------- -
  ------------------ -- - - - -
-

for-of 循环

for-of 循环是一种用于迭代数据结构的语句，它会遍历可迭代对象并将对象的每个属性值分配给一个变量，然后在循环体中执行代码。

与 for 循环及 forEach 不同，for-of 循环并不是依靠索引来进行遍历，而是依靠 Iterator。每次迭代时，for-of 循环都会调用迭代器对象的 next() 方法，直到 done 属性为 true。以下是 for-of 循环的基本语法：

--- ------ -------- -- --------------- -
  -- ----------
-

其中，variable 是将每个迭代的值分配给的变量，iterableObject 就是可迭代对象，例如数组或类似数组的对象。

使用 for-of 循环可以让代码更加简洁易懂，以下是一个遍历数组的示例。

----- --- - --- -- -- ---

--- ------ ---- -- ---- -
  ------------------ -- - - - -
-

总结

使用 Iterator 和 for-of 循环在 ECMAScript 2015 中迭代数组和对象，能够更加高效地遍历数据结构，使代码更加清晰简洁。在编写代码时，我们可以灵活地使用它们来提高代码质量和开发效率。

来源：JavaScript中文网，转载请联系管理员！本文地址：https://www.javascriptcn.com/post/64abe84e48841e98947cf1db