Карта массива в JS не может поймать неопределенное

Question

Я строю список на основе данных из API. Из указанного API я получаю массив объектов, по некоторым причинам первый и последний имеют неопределенные значения. Используя код ниже, я пытаюсь поймать неопределенные значения, но я не могу справиться с этим. значения go через не смотря ни на что.

  results.map(result => {
      var distance = result.distance;
      if(distance !== undefined || distance !== 'undefined' || distance !== "undefined" || distance !== null){
        console.log(distance, typeof distance);
        var list_button = document.createElement('button', 'button');
        list_button.setAttribute('class', 'list_button');
        list_button.innerText = `${result.title} -- ${distance}`;
        listParent.appendChild(list_button);
      }else{
        console.log('distance is undefined');
    }
    });