javascript - If not empty or null in JS return function

Question

I have Javascript function and I want to check multiple if statements in return.

If the value exist or is not null then it should return a row with information,

I am not sure how to do this, I am thinking something like this, E.g:

function format(d){
    return '<table cellpadding="5" cellspacing="0" border="0">' +
    if (name) {
     '<tr>' +
         '<td>Name:</td>' +
         '<td>' + d.name + '</td>' +
     '</tr>' } +
     if (place)
     '<tr>' +
         '<td>Place:</td>' +
         '<td>' + d.place + '</td>' +
     '</tr>' } +
     if (date) {
     '<tr>' +
         '<td>Date:</td>' +
         '<td>' + d.date + '</td>' +
     '</tr>' } +
    '</table>'; 
}

question from:https://stackoverflow.com/questions/66055911/if-not-empty-or-null-in-js-return-function

Answer 1

Like Daniel pointed out, you could build the string on your way out like this:

function  myFormat(d) {
      let result = '<table cellpadding="5" cellspacing="0" border="0">';
      if (name){
        result += '<tr>' + '<td>Name:</td>' + '<td>' + d.name + '</td>' + '</tr>';
      }
      if (place){
        result += '<tr>' + '<td>Place:</td>' + '<td>' + d.place + '</td>' + '</tr>'; 
      }
      if (date){
        result += '<tr>' + '<td>Date:</td>' + '<td>' + d.date + '</td>' + '</tr>'; 
      }
      result += '</table>';
      return result;
}

Html elements could be combined together as well to make it simpler like this:

'<tr><td>Place:</td><td>' + d.name + '</td></tr>'