如何输出由点- JS分隔的嵌套对象键
如何输出由点- JS分隔的嵌套对象键
提问于 2021-01-29 07:41:12
代码：
const obj = {
client: {
id: 1,
personal: {
name: "Mike"
}
},
address: {
street: "streetname"
}
};
function recursiveKeys(obj) {
Object.keys(obj).forEach((key) => {
if (typeof obj === "object") {
Object.keys(obj[key]).forEach((innerKey) => {
console.log(`${key}.${innerKey}`);
});
}
});
}
recursiveKeys(obj);
期望产出：
client.id
client.personal.name
address.street这段代码只适用于2级对象，但对于第3-4级和更深层次的对象则不起作用，是否有一种干净的方法来实现这一点？
回答 3
Stack Overflow用户
回答已采纳
发布于 2021-01-29 07:44:20
您需要使recursiveKeys实际上是递归的。在每次递归调用时，从父对象传递部分属性字符串。
const obj = {
client: {
id: 1,
personal: {
name: "Mike"
}
},
address: {
street: "streetname"
}
};
function recursiveKeys(obj, propStr = '') {
Object.entries(obj).forEach(([key, val]) => {
const nestedPropStr = propStr + (propStr ? '.' : '') + key;
if (typeof val === 'object') recursiveKeys(val, nestedPropStr);
else console.log(nestedPropStr);
});
}
recursiveKeys(obj);
Stack Overflow用户
发布于 2021-01-29 07:59:17
这段代码只适用于2级对象，但对于第3-4级和更深层次的对象，它不能工作，是否有一种干净的方法来实现这一点？
问题是，您应该按照以下三个步骤制作您的recursiveKeys：
如果内部内容是对象，则keyRes
- Check
- 将确定名为的关键结果，然后再递归。
- 将
keyRes打印出来，同时退出递归，避免无限循环！！
！！
const obj = {
client: {
id: 1,
personal: {
name: "Mike"
}
},
address: {
street: "streetname"
}
};
function recursiveKeys(obj, previousKey = '') {
Object.entries(obj).forEach(([key, values]) => {
let keyRes = previousKey ? `${previousKey}.${key}` : key; // Step 1
if (typeof values === 'object') // Step 2
recursiveKeys(values, keyRes);
else // Step 3
console.log(keyRes);
});
}
recursiveKeys(obj);
Stack Overflow用户
发布于 2021-01-29 07:50:20
答案是:递归！
const obj = {
client: {
id: 1,
personal: {
name: "Mike"
}
},
address: {
street: "streetname"
}
};
function recursiveKeys(obj) {
const keys = []
Object.keys(obj).forEach((key) => {
if (typeof obj[key] === "object" && obj[key]) {
//vvvvvvvvvvvvvvvvvvvvvvv--- the function calls itself
recursiveKeys(obj[key]).forEach(innerKey => {
keys.push(`${key}.${innerKey}`)
})
}else{
keys.push(key)
}
});
return keys
}
console.log(recursiveKeys(obj));
如果您能够访问新的Array#flatMap()方法，您可以使用它使其更加优雅：
const obj = {
client: {
id: 1,
personal: {
name: "Mike"
}
},
address: {
street: "streetname"
}
};
function recursiveKeys(obj) {
return Object.keys(obj).flatMap(key =>
typeof obj[key] === "object" && obj[key]
? recursiveKeys(obj[key]).map(innerKey => `${key}.${innerKey}`)
: key
);
}
console.log(recursiveKeys(obj));
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65950479
复制相关文章
相似问题
腾讯云开发者
