Typescript & Angular - Format String

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}`

so what do you want to display when any of the strings is null? — Jota.Toledo
– Jota.Toledo, Commented Feb 17, 2018 at 13:08

user184994 · Accepted Answer · 2018-02-17 13:17:20Z

2

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

edited Feb 17, 2018 at 13:17

answered Feb 17, 2018 at 13:05

user184994

18.3k2 gold badges51 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

bamtheboozle Over a year ago

He wants to show a 'NULL' string if it doesn't exist, not remove it altogether.

user184994 Over a year ago

The question says: "So if town was empty string it would not show "NULL""

D-W Over a year ago

Thank you sir :) !

Arpit Sancheti Over a year ago

@D-W Isn't my answer is the better solution? Here you have to filter the array and then join it, where as no array is required in my solution. You just have to make add or with the variable.

user184994 Over a year ago

@ArpitSancheti The reason I did it this way is so that we don't add a comma for a blank field. It stops us from getting results like "123, , , SE1 1SE", and instead returns "123, SE1 1SE"

Arpit Sancheti · Accepted Answer · 2018-02-18 08:55:15Z

0

 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 : ""}`;

edited Feb 18, 2018 at 8:55

answered Feb 17, 2018 at 13:21

Arpit Sancheti

2482 silver badges12 bronze badges

Collectives™ on Stack Overflow

Typescript & Angular - Format String

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related