kum*_*ain 2 javascript object destructuring ecmascript-6 reactjs
大家好,我有下面的对象结构,我正在尝试使用解构技术获取所有内部对象的名称,但无法做到这一点,下面是对象结构
{
massingType {
id
name
}
ashraeClimateZone {
id
name
}
sourceOfData {
id
name
}
.....
}
Run Code Online (Sandbox Code Playgroud)
我正在做如下的解构
constructionSetData.constructionSets.forEach(item => {
if (
item.ashraeClimateZone?.id === ashraeClimateZoneId &&
item.massingType?.id === massingTypeId &&
item.sourceOfData?.id === energyCodeId
) {
matchedConstructionDataSet.push(item.name);
const { sourceOfData: name, massingType: name, ashraeClimateZone: name } = item; // getting error here Identifier 'name' has already been declared
}
});
return matchedConstructionDataSet.length
? `${matchedConstructionDataSet.join(', ')}` // here i need to use above names coming from three inner objects
: 'No construction set found with the current criteria';
Run Code Online (Sandbox Code Playgroud)
任何人都可以让我知道如何实现这一解决方案,非常感谢!
使用解构赋值,您可以重命名任何解构变量。您当前正在重命名每个“根”键name
,这会导致重复声明,但看来您确实想访问并解构name
每个键的嵌套属性。
const {
sourceOfData: {
name: sourceOfDataName,
},
massingType: {
name: massingTypeName,
},
ashraeClimateZone: {
name: ashraeClimateZoneName,
},
} = item;
Run Code Online (Sandbox Code Playgroud)
仅考虑第一个解构值,上面
sourceOfData
自item
name
属性分配给sourceOfDataName
. 归档时间: |
|
查看次数: |
1730 次 |
最近记录: |