<p>普通对象默认不支持展开运算符和数组解构，因其未实现[Symbol.iterator]接口；需手动为其部署该方法并返回符合迭代器协议的对象（含next()，返回{value, done}），常用生成器函数实现，如obj[Symbol.iterator] = function(){yield Object.values(this)}。</p>
普通对象默认不支持展开运算符（...）和数组解构，是因为它没有实现 [Symbol.iterator] 接口。要让对象支持这些语法，关键不是“改对象本身”，而是让它变成一个可迭代对象——即在对象上部署符合规范的迭代器方法。
让对象可迭代的核心：挂载 Symbol.iterator
JavaScript 中，只要一个对象拥有 [Symbol.iterator] 方法，且该方法返回一个符合迭代器协议的对象（含 next()，返回 { value, done }），它就能被 for...of、展开运算符、数组解构等消费。
- 不能直接给单个对象加
[Symbol.iterator]后就自动解构——必须确保该方法存在且返回有效迭代器 - 最常用方式是用生成器函数（
function*）实现，简洁可靠 - 注意：不推荐污染
Object.prototype（会影响所有对象，有潜在风险），应按需为特定对象或构造函数添加
实用写法：为单个对象添加迭代器
例如，想让 { a: 1, b: 2 } 支持 const [x, y] = obj：
const obj = { a: 1, b: 2 };
<p>// 方式一：直接挂载（适用于该对象）
obj[Symbol.iterator] = function<em> () {
yield</em> Object.values(this);
};</p><p>const [x, y] = obj; // ✅ 成功解构：x = 1, y = 2
console.log(x, y); // 1 2
-
yield* Object.values(this)会逐个产出对象的值（顺序由Object.values决定，即属性定义顺序） - 如果需要键值对解构（如
const [[k, v]] = obj），可改为yield* Object.entries(this)
更安全的复用方案：构造可迭代类或工厂函数
避免污染原型，也便于控制行为：
立即学习“Java免费学习笔记（深入）”；
// 工厂函数，返回带迭代器的对象
function iterableObj(obj) {
const proxy = { ...obj };
proxy[Symbol.iterator] = function* () {
yield* Object.values(this);
};
return proxy;
}
<p>const data = iterableObj({ name: 'Alice', age: 30 });
const [n, a] = data; // n = 'Alice', a = 30
- 每次调用生成新对象，不影响原对象
- 可扩展支持排序、过滤、只取部分字段等逻辑
- 适合封装成工具函数，如
iterableValues(obj)或iterableEntries(obj)
展开运算符的使用场景验证
一旦对象可迭代，以下写法全部生效：
-
console.log(...obj)→ 输出1 2 -
const arr = [...obj]→ 得到[1, 2] -
new Set(obj)→ 创建包含1, 2的 Set -
Array.from(obj)→ 返回[1, 2]
所有这些操作底层都依赖 [Symbol.iterator]，而不是对象本身的结构。
