javascript - 从 Javascript/typescript 对象的非空属性创建一个数组

Question

我有一个 typescript POJO如下

  export interface Items {
        firstName?: String;
        lastname?: String;
        Address?: String;
        phoneNumber?: number;
        city?: String;
        state?: String;
        zipcode?: number;
        accountId?: number;
        status?: String;
        approvalStatus?: String;
        txId?: number;
        rxId?: number;
        txBankname?: String;
        rxBankName?: String;
        txCcy?: String;
        rxCcy?: String;
        txCcyAmt?:number;
        rxCcyAmt?:number;
         txDate?:date;
         rxDate?:date;
     }

在我的 html 文件中，我有一个表单，其中包含 POJO 上方的所有字段。当用户选择一个字段时，pojo 会填充输入的文本。

但是，用户可以选择将许多字段保留为空，并且它们在对象中的属性将为空。

所以点击提交按钮，当我检查 POJO 时，它如下面的截图所示。

我想用填充的值(而不是空值属性)填充另一个数组。

  this.anotherArray = [ {name:firstName, value:"Andy"},{name:lastName, value:"Smith"}]

我需要将它用于 ngFor List 以显示 Angular Material 芯片

我们如何以非常优化的方式做到这一点。

编辑:我的问题是关于检查对象中的空属性，重复的问题引用是一个数组。甚至答案也有不同的方法。我的问题的方法是使用 Object.entries，而重复引用有使用 map 和 Object.keys 的方法

Answer 1

您可以使用 Object.entries()获取名称-值对，然后将它们映射到对象:

Object.entries(obj)
    .filter(([name, value]) => value !== null)
    .map(([name, value]) => ({name, value}));