js 数组 转 层级对象

可以使用递归实现将数组转换为层级对象。以下是一个示例代码：

function arrayToObject(arr) {
  let result = {};
  for (let i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      result[i] = arrayToObject(arr[i]);
    } else {
      result[i] = arr[i];
    }
  }
  return result;
}

该函数接收一个数组作为参数，返回一个层级对象。如果数组中的某个元素仍然是数组，则递归调用该函数，将其转换为对象并赋值给对应的键。如果元素不是数组，则直接将其赋值给对应的键。

相关问题

如果三维数组的层级更深，如何处理呢？

如果三维数组的层级更深，比如有四级甚至更多，处理起来会稍微复杂一些。首先，你需要确定具体的层级结构，以及你想在表头中显示哪些层次的信息。一般来说，你可以采用递归的方式来逐级展开数据：

1. **递归函数**：编写一个函数，该函数接受当前层级的数据和已经计算好的前一层数据。对于每条记录，检查其是否还有下一级子数组。如果有，创建一个新的对象，包含当前记录和其他子记录的关键信息（如ID），并将子记录再递归地传入函数。如果没有子数组，直接添加到结果集中。

function flattenDeep(array, parent = {}, result = []) {
  array.forEach(item => {
    const newObj = { ...parent, ...item };
    if (Array.isArray(item[nextLevelKey])) {
      newObj[nextLevelKey] = [];
      flattenDeep(item[nextLevelKey], newObj, newObj[nextLevelKey]);
    } else {
      result.push(newObj);
    }
  });
  return result;
}

这里的 `nextLevelKey` 是指向下一层数组的键名。

2. **数据预处理**：对原始三维数组应用上述 `flattenDeep` 函数，得到一个可以直接用于 `el-table` 的一维数组。

const deepData = yourThreeDimensionalArray;
const flattenedData = flattenDeep(deepData);

这样，`flattenedData` 就能适应 `el-table` 的需求了，即使数据有多级嵌套。

js数组对象通过id与parentid生存层级结构的序号数据xh 1 xh 1.1 xh1.1.1 xh1.1.2 xh1.2 xh1.2.1

在JavaScript中，可以通过使用数组对象来创建具有层级结构的序号数据。可以使用id和parentid属性来表示每个元素的唯一标识和父级元素的标识。下面是一个示例代码：

// 定义一个包含id和parentid属性的数组
var data = [
  { id: 1, parentid: null, name: 'xh' },
  { id: 2, parentid: 1, name: 'xh 1.1' },
  { id: 3, parentid: 2, name: 'xh 1.1.1' },
  { id: 4, parentid: 2, name: 'xh 1.1.2' },
  { id: 5, parentid: 1, name: 'xh 1.2' },
  { id: 6, parentid: 5, name: 'xh 1.2.1' }
];

// 定义一个函数来生成层级结构的序号数据
function generateHierarchy(data, parentid, prefix) {
  var result = [];
  
  for (var i = 0; i < data.length; i++) {
    if (data[i].parentid === parentid) {
      var item = {
        id: data[i].id,
        name: prefix + data[i].name
      };
      
      var children = generateHierarchy(data, data[i].id, prefix + ' ');
      if (children.length > 0) {
        item.children = children;
      }
      
      result.push(item);
    }
  }
  
  return result;
}

// 调用函数生成层级结构的序号数据
var hierarchyData = generateHierarchy(data, null, '');

console.log(hierarchyData);

上述代码中，我们定义了一个包含id、parentid和name属性的数组data。然后，通过调用generateHierarchy函数来生成层级结构的序号数据。该函数会递归遍历数组，根据parentid属性来确定每个元素的父级元素，并使用prefix参数来表示层级关系。最后，将生成的层级结构数据存储在hierarchyData变量中，并打印输出。