如何通过JavaScript解构赋值获取xyz及指定嵌套对象属性？

针对你提供的对象，我们可以通过多层解构赋值直接提取activities.activity1[1].song_list.song_2对应的xyz值，具体写法有两种：

方法一：赋值给自定义变量 #

如果你想把目标值存到自定义命名的变量里（比如targetValue），可以这么写：

const { activity1: [, { song_list: { song_2: targetValue } }] } = activities;
console.log(targetValue); // 输出：xyz

解构逻辑拆解： #

• { activity1: ... }：先从外层对象中解构出activity1属性
• [, { ... }]：activity1是数组，用逗号跳过索引0的元素，直接取索引1的元素（第二个对象）
• { song_list: ... }：从目标元素中解构出song_list属性
• { song_2: targetValue }：从song_list中解构出song_2，并将它的值赋值给targetValue变量

方法二：直接使用原属性名变量 #

如果不需要自定义变量名，直接用song_2作为变量名，写法更简洁：

const { activity1: [, { song_list: { song_2 } }] } = activities;
console.log(song_2); // 输出：xyz

内容的提问来源于stack exchange，提问作者Ahmed Ramim