遞迴平 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 }
廣告