setValue动态到aggular7中的对象

Question

我有这个代码，我想重构以更好的解决方案：

    async onServerRequestForDraft(res: { value: {}; tabType: ETabType; }) {
        res.value = this.uiForm.value;
       
        res.value = this.data;
       res.value['brokerage'] = this.uiForm.value.brokerage != null ? this.uiForm.value.brokerage : { id: 0, name: null };
        res.value['org'] = this.uiForm.value.org; 
        res.value['selectedPhone'] = this.uiForm.value.selectedPhone || '';
        res.value['customerName'] = this.uiForm.value.customerName || '';
}

我无法使用foreach，因为RES不是数组。也许是另一个解决方案？

Answer 1

尽管可以使用它，但您不需要工作。

   async onServerRequestForDraft(res: { value: {}, tabType: ETabType }) {
      Object.assign(res.value, {
          'brokerage': this.uiForm.value.brokerage ?? { id: 0, name: null },
          'org': this.uiForm.value.selectedPhone ?? '',
          'customerName': this.uiForm.value.customerName ?? '';
      })

      return res;
}

如果您只想使用循环，则可以这样做：

async onServerRequestForDraft(res: { value: {}, tabType: ETabType }) {

     for (const key in this.uiForm.value) {
         if (key === 'brokerage') {
          Object.assign(res.value, {key : this.uiForm.value[key] ?? { id: 0, name: null }});
          continue;
         }
         Object.assign(res.value, {key : this.uiForm.value[key] ?? ''});
      }
      

      return res;
}

Answer 2

您可以在这样的对象上使用foreach：

Object.entries(this.uiForm.value).forEach((item) => {
    // item[0]  object key
    // item[1]  object value
 });