Question

我有一个看起来像这样的对象数组：

posts = [
  {
    id: 1,
    title: "abc",
    body: "lorem ipsum",
  },
  {},
]

我想通过ES6解构访问此树的最内层键（id，title，body）。目前，能够通过三个阶段实现这一目标：

const { posts } = data;
const [post] = posts;
const {title, body} = post;

但是我想知道是否可以在一行中做到这一点。

Answer 1

只需将posts[0]放在右侧：

posts = [
  {
    id: 1,
    title: "abc",
    body: "lorem ipsum",
  },
  {},
];
const { title, body } = posts[0];

console.log(title, body);

您也可以将[]放在左侧的{}周围，但是它不太可读：

posts = [
  {
    id: 1,
    title: "abc",
    body: "lorem ipsum",
  },
  {},
];
const [{ title, body }] = posts;

console.log(title, body);

Answer 2

这应该完成第一项的工作：

let [{id, title, body}] = posts;

对于循环：

posts.map(({id, title, body}) => { /* ... */})

Answer 3

posts = [
  {
    id: 1,
    title: "abc",
    body: "lorem ipsum",
  },
  {},
];

const [{ id, title, body: newBody }] = posts