想删除三维数组第三层

在开发过程中遇到的一个问题，需要在页面上展示的数据只有两层，但后台传过来的数据有三层，且第二层和第三层的属性名是一样的

<el-cascader
              v-model="form.city"
              :options="cities"
              :props="props"
              size="large"
              placeholder="请选择城市"
              filterable
            />

const props = reactive({
    label: 'name',
    value: 'id',
    children: 'subAddress',
    expandTrigger: 'hover',
    checkStrictly: true,
  });
//后台传来的部分数据
{
    "id": 150000,
    "name": "内蒙古",
    "parentId": 100000,
    "subAddress": [
      {
        "id": 150100,
        "name": "呼和浩特市",
        "parentId": 150000,
        "subAddress": [
          {
            "id": 150102,
            "name": "新城区",
            "parentId": 150100,
            "subAddress": []
          },

想将subAddress的子属性subAddress置为空，但是不知道怎么写

遍历

已解决，用map方法将第三层的subAddress 属性删除即可
代码如下

cities.map((e) => {
    e.subAddress.map((e) => delete e.subAddress);
  });

遍历判断层级

除了自行处理，也可以与后端开发协商，通过参数控制返回一维二维三维数组