如何在JSON数组结构中新增字段？需为品牌及模型添加isExpanded布尔字段

很容易搞定这个需求——你需要给每个品牌对象和每个模型对象都加上默认值为false的isExpanded布尔字段，用来控制表格的展开/收起状态。下面是具体的实现方式：

1. 直接修改原始JSON结构 #

手动给每个brands数组项和models数组项添加isExpanded字段，修改后的完整示例如下：

{
  "brands": [
    {
      "id": "19",
      "name": "Audi",
      "sort": "1",
      "num": 1,
      "isExpanded": false,
      "models": [
        {
          "id": "190",
          "name": "TTS",
          "num": 1,
          "isExpanded": false
        },
        {
          "id": "189",
          "name": "TT",
          "num": 2,
          "isExpanded": false
        },
        {
          "id": "188",
          "name": "V8",
          "num": 3,
          "isExpanded": false
        },
        {
          "id": "187",
          "name": "SQ5",
          "num": 4,
          "isExpanded": false
        }
      ]
      // 其他品牌对象也需要按同样方式添加isExpanded字段
    }
  ]
}

2. 代码中动态添加字段（以JavaScript为例） #

如果原始数据是通过接口获取的，推荐用代码动态给所有对象添加字段，避免手动修改JSON的麻烦：

// 假设originalData是你的原始JSON数据
const updatedData = {
  brands: originalData.brands.map(brand => ({
    // 复制品牌原有所有属性
    ...brand,
    // 添加展开状态字段，默认false
    isExpanded: false,
    // 给当前品牌下的所有模型也添加字段
    models: brand.models.map(model => ({
      ...model,
      isExpanded: false
    }))
  }))
};

这样处理后，每个品牌和模型都会带上isExpanded字段，完全满足你实现可选展开表格的需求。

内容的提问来源于stack exchange，提问作者Eugeny