遞迴平 JavaScript 物件


我們需要編寫一個執行以下轉換的函式-

如果輸入物件為-

const input = {
   a: 0,
   b: {x: {y: 1, z: 2}},
   c: 3
};

那麼函式的輸出應該是-

const output = {
   a: 0,
   'b.x.y': 1,
   'b.x.z': 2,
   c: 3
}

我們基本上必須編寫一個扁平化巢狀物件的函式。透過遞迴實現,實現程式碼如下-

示例

const obj = {
   a: 1,
   b: {x: {y: 1, z: 2}},
   c: 3
};
const obj1 = {
   a: 0,
   b: 0,
   c: 0
};
const object = { a: 0, b: { x: { y: 1, z: 2 } }, c: 3 };
const stringifyKeys = (obj, str = '', fresh = {}) => {
   const keys = Object.keys(obj);
   for(let i = 0; i < keys.length; i++){
      if(typeof obj[keys[i]] === "object" && !Array.isArray(obj[keys[i]])
      && obj[keys[i]]){
         stringifyKeys(obj[keys[i]], str+`${keys[i]}.`, fresh);
      }else{
         fresh[str+keys[i]] = obj[keys[i]];
      };
   }
   return fresh;
};
console.log(stringifyKeys(obj));
console.log(stringifyKeys(object));
console.log(stringifyKeys(obj1));

輸出

控制檯中的輸出將為-

{ a: 1, 'b.x.y': 1, 'b.x.z': 2, c: 3 }
{ a: 0, 'b.x.y': 1, 'b.x.z': 2, c: 3 }
{ a: 0, b: 0, c: 0 }

更新時間: 2020-08-26

304 次瀏覽

啟動你的職業生涯

完成課程獲得認證

開始
廣告