js如何封装一个对象？

Question

// 职业照
if(res.data.posterUrl){
    this.ruleForm.jobImg.push(
        {
            file: {},
            src: res.data.posterUrl,
            isShowDel: true,
            load: "ok"
        }
    );
}
// 身份证正面
if(res.data.idCardFrontPic){
    this.ruleForm.id1.push(
        {
            file: {},
            src: res.data.idCardFrontPic,
            isShowDel: true,
            load: "ok"
        }
    );
}
// 身份证反面
if(res.data.idCardBackPic){
    this.ruleForm.id2.push(
        {
            file: {},
            src: res.data.idCardBackPic,
            isShowDel: true,
            load: "ok"
        }
    );
}

获取数据后我会做以上处理，但中间有很多是重复了，我不知道该怎么封装它们 这怎么封装比较好呢？

Answer 1

这样?:

methods:{
    pushData(res,ruleForm,prop1,prop2){
        if(res.data[prop1){
            ruleForm[prop2].push({
                file: {},
                src: res.data[prop1],
                isShowDel: true,
                load: "ok"
            });
        }
        return ruleForm;
    }
}

然后调用:

this.pushData(res,this.ruleForm,'posterUrl','jobImg'); 

Answer 2

let pushSrc=res.data.posterUrl||res.data.idCardFrontPic||res.data.idCardBackPic;
this.ruleForm.id2.push({
   file: {},
   src: pushSrc,
   isShowDel: true,
   load: "ok"
});

这样子？