扩展运算符...作用介绍

背景：后端接口返回对象中某个数据为字符串类型（String）,而且其中有多个字段，需要把数据反显在列表中
步骤：1.将数据转换为对象
2.将改为对象的数据加入后端返回的对象中，修改原本未修改的数据

dataList.value = (detailInfo.value || []).map((record) => {const extraInfo = parseExtraInfo(record)return {...record,               // 创建一个新对象，复制 record 的所有属性extraInfo: extraInfo          // 只更新 extraInfo 字段
}})

假设原始 record 是：

const record = {id: 1,name: 'file.pdf',extraInfo: '{"fileType":"pdf"}'  // 字符串格式
}

使用 …record 的结果：

{id: 1,name: 'file.pdf',extraInfo: { fileType: 'pdf' }  // 解析后的对象
}

如果直接使用 record 的结果：

{record: {id: 1,name: 'file.pdf',extraInfo: '{"fileType":"pdf"}'},extraInfo: { fileType: 'pdf' }
}