合並 JSON 對象中的鍵以使用 Javascript 返回合並鍵的數組和值

Question

我想使用 Javascript 將輸入轉換為輸出。 有什么幫助嗎？ 輸入也可以有更多的嵌套對象。

const input = {
   a: {
     b: 22,
     c: 'hello',
   },
   e: 456
}

const output = [
    { 'a.b': 22},
    { 'a.c': 'hello' },
    { 'e': 456 }
];

Answer 1

您可以為此使用reduce方法創建遞歸函數。

 const input = { a: { b: true, c: 'hi', }, d: 123 } function convert(data, prev = '') { return Object.entries(data).reduce((r, [k, v]) => { let key = prev + (prev ? '.' : '') + k; if (typeof v == 'object') { r.push(...convert(v, key)) } else { r.push({ [key]: v }) } return r; }, []) } const result = convert(input) console.log(result)

Answer 2

// 解決問題的最佳和快速方法'

Object.entries(data).reduce((r, [k, v]) => {使用大 json 時速度較慢。

基准

Object.entries()

const input = { a: { b: 22, c: "hello", d: { f: 10 } }, e: 456 };
function flat(data, key = "", result = []) {
  for (let k in data) {
    if (typeof data[k] === "object") {
      flat(data[k], key + k + ".", result);
    } else result.push({ [key + k]: data[k] });
  }
  return result;
}
console.log(flat(input));

 const input = { a: { b: 22, c: "hello", d: { f: 10 } }, e: 456 }; function flat(data, key = "", result = []) { for (let k in data) { if (typeof data[k] === "object") { flat(data[k], key + k + ".", result); } else result.push({ [key + k]: data[k] }); } return result; } console.log(flat(input));