javascript：对象解构

Question

我有一个这个对象：{  "userAuth": {    "id": 1,    "uuid": "e30fa23a-bfe4-495e-b6ac-79d49cb9a5a5",    "login": 12,    "password": "",    "role": "WORKER_ROLE",    "user": {      "id": 2,      "uuid": "f0ca9c33-a5b7-48c1-9956-1d4d372475ec",      "firstName": "Adrian",      "lastName": "Pietrzak",      "email": "[e-mail]",      "phone": null,      "avatar": null,      "street": "string",      "city": "string",      "state": "string",      "zip": "string",      "createdAt": "2019-10-12",      "lastLogin": "2019-11-29T20:03:17.000Z",      "lastLogout": null    }  },  "iat": 1570996289}我想反对破坏这个：{    "role": "WORKER_ROLE",    "uuid": "f0ca9c33-a5b7-48c1-9956-1d4d372475ec"}如何让数据对象解构出来呢？我尝试这样做：const { role, user.uuid } = userAuth; 

Answer 1

解构不会构建对象。您首先需要解构为局部变量：

const { role, user: { uuid } } = userAuth;

然后从它们构建结果：

const result = { role, uuid };

或者，使用一个没有任何解构的语句：

const result = { role: userAuth.role, uuid: userAuth.user.uuid };

Answer 2

这是示例答案。我认为，您应该调用对象的 userAuth 属性。

const obj = {

      "userAuth": {

        "id": 1,

        "uuid": "e30fa23a-bfe4-495e-b6ac-79d49cb9a5a5",

        "login": 12,

        "password": "",

        "role": "WORKER_ROLE",

        "user": {

          "id": 2,

          "uuid": "f0ca9c33-a5b7-48c1-9956-1d4d372475ec",

          "firstName": "Adrian",

          "lastName": "Pietrzak",

          "email": "[e-mail]",

          "phone": null,

          "avatar": null,

          "street": "string",

          "city": "string",

          "state": "string",

          "zip": "string",

          "createdAt": "2019-10-12",

          "lastLogin": "2019-11-29T20:03:17.000Z",

          "lastLogout": null

        }

      },

      "iat": 1570996289

    }

const {role, user: {uuid} } = obj.userAuth;

console.log({role: role, uuid: uuid}) // this gives output, that you expect

Answer 3

您可以使用 IIFE 来解构对象并返回解构后的属性：

const data = {

  "userAuth": {

    "id": 1,

    "uuid": "e30fa23a-bfe4-495e-b6ac-79d49cb9a5a5",

    "login": 12,

    "password": "",

    "role": "WORKER_ROLE",

    "user": {

      "id": 2,

      "uuid": "f0ca9c33-a5b7-48c1-9956-1d4d372475ec",

      "firstName": "Adrian",

      "lastName": "Pietrzak",

      "email": "[e-mail]",

      "phone": null,

      "avatar": null,

      "street": "string",

      "city": "string",

      "state": "string",

      "zip": "string",

      "createdAt": "2019-10-12",

      "lastLogin": "2019-11-29T20:03:17.000Z",

      "lastLogout": null

    }

  },

  "iat": 1570996289

}

const result = (({ role, user: { uuid } }) => ({role, uuid}))(data.userAuth);

console.log(result);