32.JavaScript类数组（Array-like）和可迭代对象（Iterable-object）的实现原理

---

文章目录

• 可迭代对象（Iterable object）
• • Symbol.iterator
  • 把对象本身构造成迭代器
  • String也是可迭代的
  • String的迭代器
  • 类数组对象和可迭代对象
  • Array.from
  • 总结

可迭代对象（Iterable object）

数组是一个特殊的对象，它和普通对象的区别不仅仅在于元素的顺序访问、存储。另外一个重要的区别是：数组是可迭代的，也就是可以使用for ... of语句访问（迭代）所有的元素。

我们可以简单的做一个小实验：

let arr = [1,2,3,4,5]
for(let val of arr){
    console.log(val)
}

代码执行结果：

以上代码就简单的使用了数组的迭代特性，我们在访问数组元素的时候，不必使用元素的下标。

如果我们对一个普通对象使用for ... of语句会发生什么呢？

let obj = {
    name:'xiaoming',
    age:12,
}
for(let para of obj){ //代码会报错
    console.log(para)
}

执行效果如下：