TypeScript 中的可迭代对象

在 TypeScript 中,可迭代对象是一个实现了 Symbol.iterator 接口的对象,它可以被 for-of 循环遍历。在本文中,我们将深入了解可迭代对象的概念、用法和示例。

可迭代对象的定义

可迭代对象是一个具有 Symbol.iterator 属性的对象。该属性是一个函数,返回一个迭代器对象。迭代器对象是具有 next 方法的对象,该方法返回一个对象,包含两个属性:value 和 done。value 属性表示当前迭代的值,done 属性表示是否迭代完成。

下面是一个简单的可迭代对象示例:

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

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

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

使用 for-of 循环遍历可迭代对象

for-of 循环是一种新的循环语法,它可以遍历可迭代对象中的值。在 TypeScript 中,for-of 循环可以用来遍历数组、字符串、Map、Set 和自定义的可迭代对象。

下面是一个使用 for-of 循环遍历数组的示例:

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

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

下面是一个使用 for-of 循环遍历字符串的示例:

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

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

下面是一个使用 for-of 循环遍历 Map 的示例:

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

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

自定义可迭代对象

我们可以创建自己的可迭代对象,只需要实现 Symbol.iterator 方法即可。

下面是一个自定义可迭代对象的示例:

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

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

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

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

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

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

总结

在 TypeScript 中,可迭代对象是一个实现了 Symbol.iterator 接口的对象,它可以被 for-of 循环遍历。我们可以使用 for-of 循环遍历数组、字符串、Map、Set 和自定义的可迭代对象。自定义可迭代对象只需要实现 Symbol.iterator 方法即可。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/65126bf295b1f8cacdae36b0


猜你喜欢

相关推荐

    暂无文章