JavaScript Operadores lógicos con valores no booleanos (coerción booleana)


Ejemplo

El OR lógico ( || ), leyendo de izquierda a derecha, evaluará el primer valor verdadero . Si no se encuentra un valor verdadero , se devuelve el último valor.

var a = 'hello' || '';             // a = 'hello'
var b = '' || [];                  // b = []
var c = '' || undefined;           // c = undefined
var d = 1 || 5;                    // d = 1
var e = 0 || {};                   // e = {}
var f = 0 || '' || 5;              // f = 5
var g = '' || 'yay' || 'boo';      // g = 'yay'

AND lógico ( && ), leyendo de izquierda a derecha, evaluará el primer valor falso . Si no se encuentra ningún valor falsey , se devuelve el último valor.

var a = 'hello' && '';                  // a = ''
var b = '' && [];                       // b = ''
var c = undefined && 0;                 // c = undefined
var d = 1 && 5;                         // d = 5
var e = 0 && {};                        // e = 0
var f = 'hi' && [] && 'done';           // f = 'done'
var g = 'bye' && undefined && 'adios';  // g = undefined

Este truco se puede usar, por ejemplo, para establecer un valor predeterminado para un argumento de función (antes de ES6).

var foo = function(val) {
    // if val evaluates to falsey, 'default' will be returned instead.
    return val || 'default';
}

console.log( foo('burger') );  // burger
console.log( foo(100) );       // 100
console.log( foo([]) );        // []
console.log( foo(0) );         // default
console.log( foo(undefined) ); // default

Solo tenga en cuenta que para los argumentos, 0 y (en menor medida) la cadena vacía a menudo también son valores válidos que deberían poder pasar explícitamente y anular un valor predeterminado, que, con este patrón, no lo harán (porque son falsos ).