90%的人没搞懂的JS核心：for...of和...到底强在哪？

张开发
• 2026/4/9 5:59:11 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

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

更多文章