如何解構這個對象數組

Question

我正在嘗試對我的subItems數組的元素使用解構來獲取直接引用links和open屬性的變量。
具體來說，我正在嘗試使用以下代碼，如注釋中指定的那樣失敗。

const [{links, open}] = subItems.map(({ items }) => {
  document.getElementById(items);
}); // Fails: returns nothing  

const {links, open} = subItems((items ) => {
  return items; 
}); // Fails: returns only the first `link` and `open`
      
// This is what the `subItems` array looks like:
export const subItems = [
  {
    links: [
      { title: 'ret', to: '#' },
      { title: 'def', to: '#' },
      { title: 'rev', to: '#' },
      { title: 'red', to: '#' },
      { title: 'im', to: '#' },
      { title: 'glossar', to: '#' }
    ],
    open: true
  },
  {
    links: [
      { title: 'recloud', to: '#' },
      { title: 'broker', to: '#' },
      { title: 'mercury', to: '#' },
      { title: 'investor', to: '#' }
    ],
    open: false
  }
];

PS我是JS的新手，如果我誤解了一些瑣碎的事情，對不起。

Answer 1

這是否完成了您想要做的事情？：

 // Gets array (but you can get it any way you want, maybe by `import`) const subItems = getSubItems(); // Loops through array (using `subItem` as the name for each array element) for(subItem of subItems){ // Destructures the current element in array (using `{...}` for objects) const {links, open} = subItem; // Collects links info (This is not needed -- just makes nicer printing) const linkString = links.reduce( (linkStr, link) => linkStr + `title:${link.title}, to:${link.to}; `, "" ); // Does something with links and open (We could print `links` instead of linkString) console.log("links: ", linkString, "\nopen: ", open, "\n\n"); } function getSubItems(){ return [ { links: [ { title: 'ret', to: '#' }, { title: 'def', to: '#' }, { title: 'rev', to: '#' }, { title: 'red', to: '#' }, { title: 'im', to: '#' }, { title: 'glossar', to: '#' } ], open: true }, { links: [ { title: 'recloud', to: '#' }, { title: 'broker', to: '#' }, { title: 'mercury', to: '#' }, { title: 'investor', to: '#' } ], open: false } ]; }