React empty string appears as white space

Question

I have the following code:

export const formatAddress = address => {
  const {
    flatName,
    buildingName,
    houseNumber,
    streetName,
    city,
    postCode
  } = address;
  return [
    flatName || '',
    buildingName || '',
    `${houseNumber || ''} ${streetName || ''}`,
    city,
    postCode
  ]
    .filter(val => val)
    .join('\n');
};

My problem is that when houseNumber is received undefined, the empty string it appears as a white space on my app. How can I resolve this issue? I've tried using.trim() but did not work and my app crashed. Any ideas?

Answer 1

instead of filter you can use map method:

 .map(val => val.toString().replace(/^\s+|\s+$/gm,''))

Answer 2

How about conditionally adding the space instead.

${houseNumber? houseNumber + ' ': ''}${streetName || ''} ${houseNumber? houseNumber + ' ': ''}${streetName || ''} ,