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

最新推荐文章于 2024-03-21 09:01:29 发布

hjseo_seg

最新推荐文章于 2024-03-21 09:01:29 发布

阅读量273

点赞数

分类专栏：面试学习路线阿里巴巴文章标签： android 前端后端

本文链接：https://blog.csdn.net/hjseo_seg/article/details/126097736

版权

本文深入探讨JavaScript中的可迭代对象和类数组对象。解释了`Symbol.iterator`在实现迭代器中的作用，如何使对象成为可迭代对象，以及字符串作为可迭代对象的特性。还详细介绍了Array.from方法用于将类数组对象转换为数组，通过实例展示了其工作原理和应用场景。

摘要由CSDN通过智能技术生成

在这里插入图片描述

可迭代对象（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)
}

执行效果如下：

关注

专栏目录