有没有发现,JavaScript 里的集合类型(Array、Set、Map)就像一群性格各异的小伙伴,而“迭代”和“扩展操作”就是他们沟通和协作的方式。今天,小米就带你走进一个“集合王国”的故事,看看这些角色是如何优雅地遍历数据、复制结构、甚至完成“变身”的。集合王国的奇妙一天在前端世界的某个角落,有一个叫“集合王国”的地方。这里住着三位主角:Array(数组小哥)Set(去重达人)Map(键值管家)某天,国王发布了一道任务:“请你们把所有数据按顺序整理,并快速复制给其他国家!”听起来简单,但问题来了,怎么“走一遍数据”?又怎么“复制结构”?这时候,“迭代”和“扩展操作”登场了。第一幕:什么是“迭代”?小米先带你理解一个核心概念:迭代(Iteration)= 按顺序访问集合中的每一个元素。就像排队点奶茶,每个人都要轮到。在 JavaScript 中,能被迭代的对象,叫做:可迭代对象(Iterable)。1、哪些是可迭代的?2迭代的核心:Symbol.iterator每个可迭代对象,背后都有一个“秘密武器”:这就像一个“自动取号机”,每次 next() 拿一个数据。第二幕:for...of 的优雅登场国王嫌 next() 太麻烦,于是请来了“优雅大使”:1、for...of