error - null javascript

JavaScript, forma elegante de verificar propiedades de objetos anidados para NULL/indefinido

Question

Esta pregunta ya tiene una respuesta aquí:

• Prueba de existencia de clave de objeto JavaScript anidado 46 respuestas

un "problema" que tengo de vez en cuando es que tengo un objeto, por ejemplo, user = {} y durante el uso de la aplicación esto se llena. Digamos en algún lugar, después de una llamada AJAX o algo que hago esto:

user.loc = {
lat: 50,
long: 9
}

En otro lugar, quiero verificar si user.loc.lat existe.

if(user.loc.lat) {
// do something
}

Si no existe, esto causará un error. Si user.loc.lat undefined está undefined , user.loc , por supuesto, user.loc está undefined .

"Cannot read property ''lat'' of null" - Dev Tools error

Eso significa que necesito verificarlo así:

if(user.loc) {
if(user.loc.lat) {
// do something
}
}

o

if(user.loc && user.loc.lat) {
// do something
}

Esto no es realmente bonito y cuanto más grandes son mis objetos, peor se pone, obviamente (imagine 10 niveles de anidación). Me da if(user.loc.lat) que if(user.loc.lat) no solo devuelva false si user.loc está undefined .

¿Cuál es la forma ideal de verificar situaciones como esta?

Answer 1

Bueno, javascript tiene try-catch. Dependiendo de lo que realmente necesite hacer (es decir, cómo se vería su declaración si no está undefined ), eso podría ser lo que desea.

ejemplo:

try {
user.loc.lat.doSomething();
} catch(error) {
//report
}

Answer 2

Pruebe esto if(user && user.loc && user.loc.lat) {...}

Puede verificar el valor de nulo e indefinido utilizando typeof

Si .loc tiene un valor false que puedes probar

if(user && user.loc && typeof(user.loc)!=="undefined"){...}

Si tiene un objeto anidado enorme que echar un vistazo a

Source

function checkNested(obj /*, level1, level2, ... levelN*/) {
var args = Array.prototype.slice.call(arguments),
obj = args.shift();
for (var i = 0; i < args.length; i++) {
if (!obj.hasOwnProperty(args[i])) {
return false;
}
obj = obj[args[i]];
}
return true;
}
var test = {level1:{level2:{level3:''level3''}} };
checkNested(test, ''level1'', ''level2'', ''level3''); // true
checkNested(test, ''level1'', ''level2'', ''foo''); // false

Actualización: prueba lodash.get

Answer 3

Puede combinar los cheques usando perezoso and :

if(user.loc && user.loc.lat) { ...

O bien, usa CoffeeScript y escribe

user.loc?.lat ...

que ejecutaría los controles para la propiedad loc y salvaguardar contra objetos vacíos.

Answer 4

Puede usar una función de utilidad como esta:

get = function(obj, key) {
return key.split(".").reduce(function(o, x) {
return (typeof o == "undefined" || o === null) ? o : o[x];
}, obj);
}

Uso:

 get(user, ''loc.lat'') // 50
get(user, ''loc.foo.bar'') // undefined

O bien, para verificar solo si existe una propiedad, sin obtener su valor:

has = function(obj, key) {
return key.split(".").every(function(x) {
if(typeof obj != "object" || obj === null || ! x in obj)
return false;
obj = obj[x];
return true;
});
}
if(has(user, ''loc.lat'')) ...