如何将嵌套对象转换为只包含第一个对象的单层数组
在实际开发中，我们经常会遇到嵌套对象结构，有时候需要把这种多层嵌套的结构做扁平化处理，最终得到一个只包含第一层对象的单层数组。比如后端返回的数据是层级结构，而前端表格组件只需要平铺的列表数据，这时候就需要完成这种转换。下面我们通过具体案例来讲解实现方法。
需求场景说明
假设我们有一个嵌套对象结构，每个对象包含id、name属性，同时可能包含children子对象数组，结构如下：
const nestedObj = {
id: 1,
name: '根节点',
children: [
{
id: 2,
name: '子节点1',
children: [
{ id: 4, name: '子节点1-1', children: [] },
{ id: 5, name: '子节点1-2', children: [] }
]
},
{
id: 3,
name: '子节点2',
children: [
{ id: 6, name: '子节点2-1', children: [] }
]
}
]
};我们的目标是将这个嵌套结构转换为只包含第一层对象的单层数组，也就是提取根节点和它的所有一级子节点，忽略更深层的嵌套对象，最终期望得到的数组如下：
[
{ id: 1, name: '根节点', children: [...] },
{ id: 2, name: '子节点1', children: [...] },
{ id: 3, name: '子节点2', children: [...] }
]实现思路
核心思路是：先创建一个结果数组，把根节点本身加入数组，然后判断根节点是否存在children属性，如果存在且是数组，就把children数组中的所有元素追加到结果数组中，不需要继续递归处理更深层的嵌套。
具体实现代码
我们可以封装一个转换函数，接收嵌套对象作为参数，返回单层数组：
function convertToSingleLevelArray(targetObj) {
// 初始化结果数组，先放入根对象
const result = [targetObj];
// 判断是否存在children属性且是数组
if (Array.isArray(targetObj.children)) {
// 将children数组中的元素合并到结果数组中
result.push(...targetObj.children);
}
return result;
}
// 调用函数测试
const singleLevelArr = convertToSingleLevelArray(nestedObj);
console.log(singleLevelArr);运行上述代码后，输出的singleLevelArr就是只包含第一层对象的单层数组，根节点和它的两个一级子节点都会被包含在内，更深层的子节点1-1、子节点1-2、子节点2-1不会被提取到结果数组中。
边界情况处理
实际使用中可能会遇到一些边界情况，我们需要对函数做适当优化：
如果传入的参数不是对象，或者对象不包含
children属性，直接返回只包含该对象的数组如果
children不是数组类型，不执行合并操作如果
children数组为空，结果数组只包含根节点
优化后的代码如下：
function convertToSingleLevelArray(targetObj) {
// 判断传入的是否为有效对象
if (typeof targetObj !== 'object' || targetObj === null) {
return [];
}
const result = [targetObj];
// 检查children是否存在且为数组
if (targetObj.hasOwnProperty('children') && Array.isArray(targetObj.children)) {
result.push(...targetObj.children);
}
return result;
}总结
将嵌套对象转换为只包含第一个对象的单层数组，核心就是提取根节点和根节点下的第一层子节点，不需要递归处理更深层级的嵌套。通过判断children属性的存在性和类型，就能准确完成转换，这种处理方式简单高效，适合大部分只需要提取第一层数据的场景。