แบนวัตถุ 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 }