打字稿和角度-格式字符串

Question

New to Typescript\\Angular, wanted to know if their was an easy way to format strings\\remove null strings? So if town was empty string it would not show "NULL"

this.client = c;
this.clientFulladdress= `${this.client.Address}, ${this.client.Town}, ${this.client.County}, ${this.client.PostCode}` 

Answer 1

Array functions are quite handy for this like this:

let fields = [this.client.Address, this.client.Town, this.client.County, this.client.PostCode];

this.clientFulladdress = fields.filter((field) => field).join(", ");

This will filter out any null or empty strings, and then join each of the remaining string with a comma

Answer 2

 this.client = c;
 this.clientFulladdress= `${this.client.Address || ""}, ${this.client.Town || "" }, ${this.client.County || ""}, ${this.client.PostCode || ""}`;

This is the way you can achieve the required.

If you wish not to use this.client multiple time you can also do as follows

this.client = c;
let {Address, Town, Country, PostCode} = this.client;
this.clientFulladdress = `${Address || ""}, ${Town || ""}, ${Country || ""}, ${PostCode || ""}`;

As per comment other way to do the same

this.client = c;
let {Address, Town, Country, PostCode} = this.client;
this.clientFulladdress = `${Address || ""}${Town ? ", " + Town : ""}${Country ? ", " + Country : ""}${PostCode ? ", " + PostCode : ""}`;