как избежать появления "undefined" в строке, когда строка не определена - Javascript

Question

У меня есть 3 переменные, которые являются динамическими c и могут быть null или undefined.

Пример:

var str1= " hello";
var str2= " world";
var str= " how are you?";

, и теперь я объединяю эти строки вместе чтобы сформировать запрос в моем списке поиска:

query = str1&& str1 + str2&& str2 + str3&& str3; //o/p: "hello world how are you?

, это нормально, однако в любом случае, когда одно из значений str является нулевым или пустым, я получаю это, когда объединяю эти строки:

query = str1&& str1 + str2&& str2 + str3&& str3; // o/p: "hello world undefined"

Как мне избежать появления этого неопределенного значения в моей строке?

Answer 1

Вы можете использовать логический оператор или, чтобы предоставить значение по умолчанию, если какая-либо строка имеет значение null или undefined.

query = (str1 || '') + (str2 || '') + (str3 || '')

Вы можете использовать оператор объединения nulli sh, чтобы предоставить значения по умолчанию только для null и undefined, а не для других ложных значений. Не забудьте проверить поддержку браузером .

query = (str1 ?? '') + (str2 ?? '') + (str3 ?? '')

Answer 2

Использование оператора объединения nulli sh (??).

var str1= " hello";
var str2= " world";
var str= " how are you?";

var query = (str1 ?? "") + (str2 ?? "") + (str ?? "");

console.log(query)