js 遍历后端的嵌套list

在JavaScript中，如果你需要遍历后端返回的嵌套列表（通常是JSON数据），你可以使用递归函数或者循环嵌套的方式来处理。假设你有一个类似这样的响应：

{
  "items": [
    {
      "id": 1,
      "children": [
        {
          "id": 2,
          "name": "Child Item 1"
        },
        {
          "id": 3,
          "name": "Child Item 2"
        }
      ]
    },
    {
      "id": 4,
      "children": []
    }
  ]
}

你可以使用以下步骤来遍历：

1. 定义一个函数，接受当前元素和一个用于存放结果的数组作为参数。
2. 如果当前元素有`children`属性并且不是一个空数组，那么对每个子元素再递归地调用这个函数。
3. 否则，将当前元素添加到结果数组中。

示例代码：

function iterateNestedList(data, result = []) {
  data.items.forEach(item => {
    result.push(item);
    if (item.children && item.children.length > 0) {
      iterateNestedList({ items: item.children }, result);
    }
  });
  return result;
}

let nestedData = ...; // 从后端获取的嵌套列表数据
let flattenedData = iterateNestedList(nestedData);
console.log(flattenedData);