解构具有相同名称属性的内部对象

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)

任何人都可以让我知道如何实现这一解决方案,非常感谢!

Dre*_*ese 6

使用解构赋值,您可以重命名任何解构变量。您当前正在重命名每个“根”键name,这会导致重复声明,但看来您确实想访问并解构name每个键的嵌套属性。

const {
  sourceOfData: {
    name: sourceOfDataName,
  },
  massingType: {
    name: massingTypeName,
  },
  ashraeClimateZone: {
    name: ashraeClimateZoneName,
  },
} = item;
Run Code Online (Sandbox Code Playgroud)

考虑第一个解构值,上面

  1. 解构赋值sourceOfDataitem
  2. destruct 将name属性分配给sourceOfDataName.