No renderiza nulo desde el valor del objeto de JavaScript

Estoy buscando la forma más eficiente de salida empty string en lugar de "null" para null valores. ¿Hay una manera de hacer esto sin declaraciones condicionales (es decir, if o ternario (? :) operador).No renderiza nulo desde el valor del objeto de JavaScript

Ejemplo de código de la siguiente manera:

$.each(data, function(index, item) { 
    return $("div#SearchResults").append(item.PhoneNumber); 
}

cuando item.PhoneNumber is null, la página se representa con una cadena "nula " dentro del SearchResults div, en lugar de eso quería ser vacío.

Fuente

2012-07-09 Tsar

¿Por qué? ¿Por qué querrías evitar evaluar tus variables antes del resultado? –

Pensé que habría una manera más eficiente, es decir, algún tipo de función incorporada. Me sorprende que no haya ninguno en JavaScript o jQuery :( – Tsar

Bueno, el operador '||' ('o') hace esto, pero la variable todavía se evalúa primero, sin un' if' o ternario explícito. –

$.each(data, function(index, item) { 
    return $("div#SearchResults").append(item.PhoneNumber || ""); 
}

Con $.trim (inesperadamente convierte null y undefined a cadena vacía):

$.each(data, function(index, item) { 
    return $("div#SearchResults").append($.trim(item.PhoneNumber)); 
}

inesperado porque es tanto poco intuitivo y no documentada.

Fuente

2012-07-09 10:19:56 Esailija

Voto ascendente porque se nos ocurrió la misma respuesta al mismo tiempo y, también, porque no entiendo el voto abajo. –

Prueba de esto,

$.each(data, function(index, item) { 
    return $("div#SearchResults").append(item.PhoneNumber?item.PhoneNumber:""); 
}

Fuente

2012-07-09 10:18:56 Adil

De la pregunta OPs * ¿Hay una manera de hacer esto ** sin ** declaraciones condicionales (es decir, si o?:) * – ManseUK

No voté, pero la pregunta específicamente solicita evitar el ternario operador (así como el 'si'), aunque no se menciona su nombre, por lo que se pierde fácilmente. –

Si está realmente decidido no utilizar un ternaria if o para evaluar la variable, entonces existe la posibilidad de utilizar el operador ||:

$.each(data, function(index, item) { 
    return $("div#SearchResults").append(item.PhoneNumber || ''); 
}

Pero, honestamente, sólo tiene que utilizar un operador condicional, es para lo que están diseñados, y ayuda a imponer una cierta cantidad de seguridad en la ejecución y el resultado de su secuencia de comandos.

Fuente

2012-07-09 10:20:13

A lo sumo iría por un '=== null' ternarny pero no si stateme nt: P – Esailija

Estoy de acuerdo con su enfoque del método de evaluación; pero aún así, sin embargo, evaluaría explícitamente la variable/valor de retorno, en lugar de confiar en el método anterior (aunque funciona, simplemente se siente ... * mal *, ligeramente). –

Sin JQuery:

$.each(data, function(index, item) { 
    return $("div#SearchResults").append([item.PhoneNumber].join('')); 
}

Fuente

2018-03-02 07:05:07 Edakos

No renderiza nulo desde el valor del objeto de JavaScript

Respuesta

Cuestiones relacionadas