我将外层定义的固定数据进行二次赋值,最后展示出来的都是最后一次循环出来的数据。
这是我的代码:
const records = res.data.records
records.forEach(function (val, x) {
val.dateSection = val.onDutyStartTime + '—' + val.onDutyEndTime
val.records = inner
val.records.forEach(function (value, i) {
if (val.maintenanceSituation !== '') {
value.maintenanceSituation = JSON.parse(val.maintenanceSituation)[i]
}
})
})
return res.data
其中res.data.records是接口返回的数据,inner是在外层定义的固定数据。
每次打印出来的数据都是最后一遍循环结束的数据,但是debugger一步一步下去出来的数据就是正常的。
后来发现是js的拷贝问题,js的=赋值只是浅拷贝,利用js的深拷贝,直接把对象转为字符串,然后将字符串拷贝过去,这样就可以了。
修改一行代码:
val.records = JSON.parse(JSON.stringify(inner))
完整代码:
const records = res.data.records
records.forEach(function (val, x) {
val.dateSection = val.onDutyStartTime + '—' + val.onDutyEndTime
val.records = JSON.parse(JSON.stringify(inner))
val.records.forEach(function (value, i) {
if (val.maintenanceSituation !== '') {
value.maintenanceSituation = JSON.parse(val.maintenanceSituation)[i]
}
})
})
return res.data
问题解决!