將js對象轉換爲字符串映射（與通常的字符串對象相反）

Question

我知道有很多方法可以將點分隔的字符串映射到js對象，並且有數百個問題與答案在這裏關於那個。

但我需要做的相反：

要轉換此：

let object = { 
    parts: { 
    x: { 
     create:() => { 
     alert(321); 
     }, 
     update:() => { 
     alert(321); 
     } 
    }, 
    y: { 
     create:() => { 
     alert(321); 
     }, 
     update:() => { 
     alert(321); 
     } 
    } 
    } 
} 

要這樣：

{ 
    'parts.x.create':() => { 
    alert(321); 
    }, 
    'parts.x.update':() => { 
    alert(321); 
    }, 
    'parts.y.create':() => { 
    alert(321); 
    }, 
    'parts.y.update':() => { 
    alert(321); 
    } 
} 

我覺得我開始重塑當我開始輪爲此編寫代碼。有沒有其他人做過或看過這個？

Answer 1

這應該做的伎倆：

let object = { 
 
    parts: { 
 
    x: { 
 
     create:() => { 
 
     alert(321); 
 
     }, 
 
     update:() => { 
 
     alert(321); 
 
     } 
 
    }, 
 
    y: { 
 
     create:() => { 
 
     alert(321); 
 
     }, 
 
     update:() => { 
 
     alert(321); 
 
     } 
 
    } 
 
    } 
 
}; 
 

 
let convert = (value, keys = '', obj = {}) => { 
 
    if (typeof value === 'object') { 
 
    for (let index in value) { 
 
     convert(value[index], (keys && keys + '.') + index, obj); 
 
    } 
 
    } else { 
 
    obj[keys] = value; 
 
    } 
 
    return obj; 
 
} 
 

 
let newObject = convert(object); 
 
console.log(newObject);