如何在JavaScript中将方括号对象键转换为嵌套对象?
我们知道,有两种方法可以访问JavaScript对象中的嵌套键。
例如,拿这个对象-
const obj = {
object: {
foo: {
bar: {
ya: 100
}
}
}
};如果我们需要访问或更新嵌套属性“ya”,则可以像下面这样访问它:
方式1-
obj['object']['foo']['bar']['ya']
或方式2-
obj.object.foo.bar.ya
这两种方式都将我们引向同一目的地。
我们需要编写一个JavaScript函数,将嵌套键的路径作为字符串,如方式1所示,并将其转换为方式2所示的符号
示例
为此的代码将是-
const obj = { "object[foo][bar][ya]": 100 };
const constructDotNotation = obj => {
const keys = Object.keys(obj)[0].split('[').map(el => {
return el.replace(']', '');
});
let res = {};
keys.reverse().forEach(key => {
if (Object.keys(res).length === 0){
res[key] = obj[Object.keys(obj)[0]];
}else{
const temp = {};
temp[key] = res;
res = temp;
};
});
return res;
};
console.log(JSON.stringify(constructDotNotation(obj), undefined, 4));输出结果
控制台中的输出将是-
{
"object": {
"foo": {
"bar": {
"ya": 100
}
}
}
}