Есть ли оператор "null coalescing" в JavaScript?


есть ли оператор слияния null в Javascript?

например, в C#, я могу сделать это:

String someString = null;
var whatIWant = someString ?? "Cookies!";

лучшее приближение, которое я могу вычислить для Javascript, - это использование условного оператора:

var someString = null;
var whatIWant = someString ? someString : 'Cookies!';

который является своего рода неприглядным ИМХО. Могу ли я сделать лучше?

8 1006

8 ответов:

JavaScript-эквивалентом в C# нуль-коалесцирующий оператор (??) использует логическое или (||):

var whatIWant = someString || "Cookies!";

есть случаи (поясненные ниже), что поведение не будет соответствовать C#, но это общий, краткий способ присвоения значений по умолчанию/альтернативных значений в JavaScript.


уточнение

независимо от типа первого операнда, если приведение его к логическому результату false, назначение будет использовать второй операнд. Остерегайтесь всех случаев ниже:

alert(Boolean(null)); // false
alert(Boolean(undefined)); // false
alert(Boolean(0)); // false
alert(Boolean("")); // false
alert(Boolean("false")); // true -- gotcha! :)

это значит:

var whatIWant = null || new ShinyObject(); // is a new shiny object
var whatIWant = undefined || "well defined"; // is "well defined"
var whatIWant = 0 || 42; // is 42
var whatIWant = "" || "a million bucks"; // is "a million bucks"
var whatIWant = "false" || "no way"; // is "false"
function coalesce() {
    var len = arguments.length;
    for (var i=0; i<len; i++) {
        if (arguments[i] !== null && arguments[i] !== undefined) {
            return arguments[i];
        }
    }
    return null;
}

var xyz = {};
xyz.val = coalesce(null, undefined, xyz.val, 5);

// xyz.val now contains 5

это решение работает как функция SQL coalesce, оно принимает любое количество аргументов и возвращает null, если ни один из них не имеет значения. Он ведет себя как C# ?? оператор в том смысле, что"", false и 0 считаются не нулевыми и поэтому считаются фактическими значениями. Если вы пришли из .net-фона, это будет самое естественное решение для чувств.

Если || как замена C# ' s ?? не достаточно хорошо в вашем случае, потому что он глотает пустые строки и нули, вы всегда можете написать свою собственную функцию:

 function $N(value, ifnull) {
    if (value === null || value === undefined)
      return ifnull;
    return value;
 }

 var whatIWant = $N(someString, 'Cookies!');

никто не упомянул здесь потенциал NaN, который--для меня -- также является нулевым значением. Так что я решил добавить свои два цента.

для данного кода:

var a,
    b = null,
    c = parseInt('Not a number'),
    d = 0,
    e = '',
    f = 1
;

если бы вы использовали || оператор, вы получаете первое не ложное значение:

var result = a || b || c || d || e || f; // result === 1

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

var result = coalesce(a,b,c,d,e,f); // result.toString() === 'NaN'

ни из них мне кажется правильным. В моем собственном маленьком мире логики слияния, который может отличаться от вашего мира, я считаю undefined, null и NaN как все "null-ish". Итак, я ожидал бы вернуться d (ноль) из метода коалесцирования.

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

function coalesce() {
    var i, undefined, arg;

    for( i=0; i < arguments.length; i++ ) {
        arg = arguments[i];
        if( arg !== null && arg !== undefined
            && (typeof arg !== 'number' || arg.toString() !== 'NaN') ) {
            return arg;
        }
    }
    return null;
}

для тех, кто хочет код как можно короче возможно, и не возражайте против небольшого отсутствия ясности, вы также можете использовать это, как предложено @impinball. Это использует тот факт, что NaN никогда не равен NaN. Вы можете прочитать больше об этом здесь: почему NaN не равно NaN?

function coalesce() {
    var i, arg;

    for( i=0; i < arguments.length; i++ ) {
        arg = arguments[i];
        if( arg != null && arg === arg ) { //arg === arg is false for NaN
            return arg;
        }
    }
    return null;
}

Да, это скоро произойдет. Смотрите

В настоящее время нет поддержки, но процесс стандартизации JS работает над этим:https://github.com/tc39/proposal-optional-chaining

остерегайтесь конкретного определения null в JavaScript. в javascript есть два определения "без значения". 1. Null: когда переменная имеет значение null, это означает, что она не содержит в себе данных, но переменная уже определена в коде. вот так:

var myEmptyValue = 1;
myEmptyValue = null;
if ( myEmptyValue === null ) { window.alert('it is null'); }
// alerts

в таком случае тип переменной-это на самом деле объект. проверить его.

window.alert(typeof myEmptyValue); // prints Object
  1. Undefined: если переменная не была определена ранее в коде и, как ожидалось, она не содержит любое значение. вот так:

    if ( myUndefinedValue === undefined ) { window.alert('it is undefined'); }
    // alerts
    

если это так, то тип вашей переменной 'undefined'.

обратите внимание, что если вы используете оператор сравнения преобразования типов ( = = ), JavaScript будет действовать одинаково для обоих этих пустых значений. чтобы различать их, всегда используйте оператор сравнения type-strict (===).

после прочтения вашего разъяснения, ответ @Ates Goral предоставляет, как выполнить ту же операцию, которую вы делаете в C# в JavaScript.

ответ@Gumbo обеспечивает лучший способ проверить значение null; однако важно отметить разницу в == и === в JavaScript особенно когда дело доходит до вопросов проверки undefined и/или null.

есть действительно хорошая статья о разнице в двух терминах здесь. В принципе, поймите, что если вы используете == вместо ===, JavaScript попытается объединить значения, которые вы сравниваете, и вернуть то, что результат сравнения после этот коалесценции.