如何解构es6 javascript嵌套对象

时间:2019-11-28 11:28:59

标签: javascript ecmascript-6 destructuring

我想在es6中构造对象,但没有得到结果。

let animal ={
      data:{
          typee:{
              title: "Cow",
              legs:4
          }
      }
} 

let {data:{typee:{title,legs}}}=animal;

现在console.log(data)给出输出Error: data is not defined。 我在做什么错了?

2 个答案:

答案 0 :(得分:5)

在分解嵌套对象时,不会将临时值分配给const /变量。您必须明确分配它们:

const animal = {"data":{"typee":{"title":"Cow","legs":4}}};

const {
  data, // assign the data
  data: {
    typee, // assign the typee
    typee: {
      title,
      legs
    }
  }
} = animal;

console.log(data, typee, title, legs);

答案 1 :(得分:0)

let {data:{typee:{title,legs}}}=animal;

创建titlelegs而不创建data。如果还要获取其他封装属性之一,则必须单独指定它:

//creates data along with title and legs
let {data, data:{typee:{title,legs}}}=animal;
console.log(data,title,legs);