第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

展平嵌套對象數(shù)組

展平嵌套對象數(shù)組

蕪湖不蕪 2021-09-30 17:54:58
我有這樣的數(shù)據(jù):data = [  {    "foo": {"name":"foo-name"},    "bar": {"name":"bar-name"}  },  {    "baz": {"name":"baz-name"}  }]我想要的輸出是:[  { "foo": {"name":"foo-name"}},  { "bar": {"name":"bar-name"}},  { "baz": {"name":"baz-name"}}]我如何獲得這種結(jié)構(gòu)?我嘗試使用concat,但意識到它不起作用,因為我們正在處理嵌套對象而不是嵌套數(shù)組。然后我嘗試以不同的方式迭代,但沒有實現(xiàn)我想要的。一種嘗試如下:const newData = data.map((x) => {  return Object.keys(x).map(el => {    return {[el]: x};  })})但這只會使它更加嵌套。
查看完整描述

3 回答

?
神不在的星期二

TA貢獻1963條經(jīng)驗 獲得超6個贊

您可以使用 flatMap


let data = [{"foo": {"name":"foo-name"},"bar": {"name":"bar-name"}},{"baz": {"name":"baz-name"}}]


let final = data.flatMap(a => Object.entries(a).map(([k, v]) => ({

  [k]: v

})))


console.log(final)


查看完整回答
反對 回復(fù) 2021-09-30
?
侃侃無極

TA貢獻2051條經(jīng)驗 獲得超10個贊

一種選擇是reduce進入一個數(shù)組,迭代每個對象的條目并將它們推送到累加器:


const data = [

  {

    "foo": {"name":"foo-name"},

    "bar": {"name":"bar-name"}

  },

  {

    "baz": {"name":"baz-name"}

  }

];


const output = data.reduce((a, obj) => {

  Object.entries(obj).forEach(([key, val]) => {

    a.push({ [key]: val });

  });

  return a;

}, []);

console.log(output);


查看完整回答
反對 回復(fù) 2021-09-30
?
寶慕林4294392

TA貢獻2021條經(jīng)驗 獲得超8個贊

我會使用一個簡單for-of的Object.entries映射到對象:


const result = [];

for (const obj of data) {

    result.push(

        ...Object.entries(obj).map(

            ([key, value]) => ({[key]: value})

        )

    );

}

現(xiàn)場示例:

const data = [

  {

    "foo": {"name":"foo-name"},

    "bar": {"name":"bar-name"}

  },

  {

    "baz": {"name":"baz-name"}

  }

];

const result = [];

for (const obj of data) {

    result.push(

        ...Object.entries(obj).map(

            ([key, value]) => ({[key]: value})

        )

    );

}

console.log(result);


查看完整回答
反對 回復(fù) 2021-09-30
  • 3 回答
  • 0 關(guān)注
  • 217 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號