可迭代对象和类数组

目录

前言

for...of遍历对象工作原理

一、可迭代对象

几个相关定义

可迭代对象

Symbol.iterator

进一步了解底层知识，显示调用迭代器

二、类数组（array-like）

定义

与可迭代对象的区别

三、Array.from()

---

前言

基础知识：Iterables，推荐阅读关于可迭代对象的解释

在ES6中，对于一些内建对象我们可以使用for...of来遍历，比如数组、字符串、Set、Map等，其原理是for...of会自动调用这些内置对象的内置Symbol.iterator方法，此方法会返回一个迭代器（iterator），迭代器中会包含一个next方法，通过next返回的字段done来决定遍历结束。

for...of遍历对象工作原理

1. 当 for..of 循环启动时，它会自动调用对象上的symbol.iterator方法（如果没找到，就会报错）。这个方法必须返回一个 迭代器（iterator） —— 一个有 next 方法的对象。
2. 从此开始，for..of 仅适用于这个被返回的对象(迭代器)。
3. 当 for..of 循环希望取得下一个数值，它就调用这个对象的 next() 方法。
4. next() 方法返回的结果的格式是 {done: Boolean, value: any}，当 done=true 时，表示迭代结束，否则 value 是下一个值。

一、可迭代对象

几个相关定义

可迭代对象 ：iterables
使对象可迭代的内置 symbol： Symbol.iterator
迭代器 ：iterator

可迭代对象

• 可迭代对象是实现了Symbol.iterator 方法的对象。
• 可迭代对象是数组的泛化，这个概念允许