JavaScript数组遍历中可用对象解构直接提取对象元素属性，在for...of、forEach、map等中支持参数解构，可设默认值、重命名及处理null/undefined，并适用于嵌套对象。
在 JavaScript 数组遍历中使用对象解构提取成员属性，核心是把数组每一项（假设是对象）直接用解构语法写在 for...of、forEach、map 等循环参数位置，或在循环体内对当前项进行解构。
在 for...of 循环中直接解构
如果数组元素是对象，可以在 for...of 的变量声明处直接解构：
const users = [
{ id: 1, name: 'Alice', age: 30 },
{ id: 2, name: 'Bob', age: 25 },
{ id: 3, name: 'Charlie', age: 35 }
];
for (const { id, name } of users) {
console.log(id, name); // 1 'Alice'，2 'Bob'，3 'Charlie'
}
在 forEach 或 map 中参数解构
箭头函数或普通函数的形参支持解构，适合简洁提取：
-
forEach 示例：
users.forEach(({ name, age }) => console.log(`${name} is ${age}`)); -
map 提取新数组：
const names = users.map(({ name }) => name); // ['Alice', 'Bob', 'Charlie'] -
带默认值或重命名：
users.map(({ name: fullName, age: userAge = 18 }) => ({ fullName, userAge }))
处理可能为 undefined 的情况
若数组中存在 null、undefined 或非对象元素，直接解构会报错。可加空值检查或提供默认空对象：
立即学习“Java免费学习笔记（深入）”；
- 用逻辑运算符提供默认值：
users.forEach(({ name } = {}) => console.log(name)); - 用可选链 + 空值合并（更安全）：
users.forEach(item => console.log(item?.name ?? 'N/A')); - 结合 typeof 判断：
users.forEach(item => typeof item === 'object' && item && console.log(item.name));
嵌套对象解构也适用
如果对象有深层结构，解构可一层或多层展开：
const data = [
{ user: { profile: { id: 101, city: 'Beijing' } } },
{ user: { profile: { id: 102, city: 'Shanghai' } } }
];
data.forEach(({ user: { profile: { id, city } } }) => {
console.log(id, city); // 101 'Beijing'，102 'Shanghai'
});
不复杂但容易忽略：解构本质是对“当前遍历项”做对象解析，只要它是对象（或能转为对象），就可按需提取，配合默认值和空值保护，就能稳健使用。
