js怎么遍历给对象赋值

Question

这看起来有点繁琐，可以简化也行，新手，谢谢大佬，感谢

            getChartsData(this.rule).then(res => {
                let obj = res.data.data[0];
                this.compRegion.lineCode = obj.lineCode;
                this.compRegion.lineCodeName = obj.lineCodeName;
                this.compRegion.timeRate = obj.timeRate;
                this.compRegion.performanceRate = obj.performanceRate;
                this.compRegion.percentRate = obj.percentRate;
                this.compRegion.deviceRate = obj.deviceRate;
                this.compRegion.deviceOee = obj.deviceOee;
                this.compRegion.deviceTeep = obj.deviceTeep;
                this.compRegion.startRate = obj.startRate;
                this.compRegion.planRate = obj.planRate;
            });
            

Answer 1

这样？

getChartsData(this.rule).then(res => {
    let obj = res.data.data[0];
    let needKey = ['lineCode', 'lineCodeName', 'timeRate', 'performanceRate', 'percentRate', 'deviceRate', 'deviceOee', 'deviceTeep', 'startRate', 'planRate']
    needKey.forEach(item => {
        this.compRegion[item] = obj[item]
    })
});

Answer 2

// 解构
 this.compRegion = {...res.data.data[0]}

// 如果还有一些多余的字段不想带进去 可以使用only这库
import only form 'only'
// 前提 this.compRegion 有初始属性
 this.compRegion =  only(res.data.data[0], Object.keys(this.compRegion))

Answer 3

getChartsData(this.rule).then(res => {
  let obj = res.data.data[0];
  [
    'lineCode',
    'lineCodeName',
    'timeRate',
    'performanceRate',
    'percentRate',
    'deviceRate',
    'deviceOee',
    'deviceTeep',
    'startRate',
    'planRate'
  ].forEach(item => this.compRegion[item] = obj[item])
});

Answer 4

Object.keys(obj).forEach(key => this.compRegion[key] = obj[key])

Answer 5

循环遍历白学了吗？