简介
在本实验中，我们将探索一个 JavaScript 函数，该函数会使用键的路径来扁平化一个对象。该函数使用递归以及 Object.keys() 并结合 Array.prototype.reduce()，将每个叶节点转换为扁平化路径节点。完成本实验后，你将更好地理解如何操作 JavaScript 对象并将其扁平化，以便更轻松地进行数据处理。
这是一个实验（Guided Lab），提供逐步指导来帮助你学习和实践。请仔细按照说明完成每个步骤，获得实际操作经验。根据历史数据，这是一个 初级 级别的实验，完成率为 100%。获得了学习者 100% 的好评率。
扁平化对象
要使用键的路径来扁平化一个对象，请遵循以下步骤：
- 打开终端/SSH 并输入
node以开始练习编码。 - 使用递归来扁平化对象。
- 使用
Object.keys()并结合Array.prototype.reduce()将每个叶节点转换为扁平化路径节点。 - 如果键的值是一个对象，则使用适当的
prefix递归调用该函数，通过Object.assign()创建路径。 - 否则，将适当的带前缀的键值对添加到累加器对象中。
- 省略第二个参数
prefix，除非你希望每个键都有一个前缀。
以下是一个示例实现：
const flattenObject = (obj, prefix = "") =>
Object.keys(obj).reduce((acc, k) => {
const pre = prefix.length ? `${prefix}.` : "";
if (
typeof obj[k] === "object" &&
obj[k] !== null &&
Object.keys(obj[k]).length > 0
) {
Object.assign(acc, flattenObject(obj[k], pre + k));
} else {
acc[pre + k] = obj[k];
}
return acc;
}, {});
你可以像这样使用 flattenObject 函数：
flattenObject({ a: { b: { c: 1 } }, d: 1 }); // { 'a.b.c': 1, d: 1 }
总结
恭喜你！你已完成“扁平化对象”实验。你可以在 LabEx 中练习更多实验来提升你的技能。