javascript 怎么通过字符”x.xx.xxx.xxxx“传构建出相应的对象结构

Question

想要通过字符串来构建相应的对象结构
如 字符串"chartOption.grid.left"
如何构建出如下的结构

chartOption:{
    grid:{
        left:
    }
}

Answer 1

   
    const str = "chartOption.grid.left";
    const value = 1;

    function help(str, value) {
        return str.split('.').reverse().reduce((obj, key, index) => {
            if (index === 0) {
                return {
                    [key]: value
                }
            } else {
                return {
                    [key]: obj
                }
            }
        }, {})
    }
    
    console.log(help(str, value)) 
    

Answer 2

通过. split分割，然后一层层构建就行了