Упрощение проверок неопределенных переменных/свойств

Question

Я пытаюсь найти более эффективный способ оценки свойств объекта в операциях if, когда сам объект может быть undefined.

Вот простой пример того, что я пытаюсь сделать:

var a = {'x':'hello'}; 
var b; 

if(a.x) { console.log('hello'); } // 'hello' 
if(a && a.x) { console.log('hello'); } // 'hello' 

if(b.x) { console.log('hello'); } // TypeError: Cannot read property 'x' of undefined 
if(b && b.x) { console.log('hello'); } // 

jsfiddle link

Я считаю себя того, чтобы использовать второй синтаксис if(b && b.x) для проверки объекта, а затем это свойство.

Есть ли более чистый способ, я могу это сделать?

Answer 1

ли вы пробовали

if(b.hasOwnProperty('x')){ 

// Your code here. 

} 

Answer 2

Ярчайший способ определить, является ли не определена переменная с помощью typeof:

if(typeof obj === 'undefined'){}; 

На практике я делаю такие операции в следующем пути, когда я нужен команда для выполнения:

obj && obj.prop && console.log('hello'); 

Когда я мак ИНГ некоторого задания я использовать || (или) оператор и уверен объект obj существует:

var someVar = obj.x || obj.z; 

Был бы присвоить первое значения не является falsy в someVar, однако она может быть скорректирована с использованием typeof для поймать особенно «неопределенный» значение.

Answer 3

Если у вас есть объекты со сходной структурой, создайте вспомогательную функцию и передайте объект этому помощнику. Что-то вроде этого?

function check(obj, prop) { 
    if (obj && typeof obj == "object") { 
    if (obj[prop]) console.log(obj[prop]); 
    } else return false; 
} 

var foo = {x: 12}; 
var baz; 
check(foo, "x"); 
check(baz, "x"); 

Answer 4

var checkDeepProp = function (obj, deepProp) { 
    var dp = (deepProp || '').split('.'); 
    var prop; 
    var has = true; 
    var initObj = obj; 
    var i; 
    var length = dp.length; 
    for (i = 0; i < length; i += 1) { 
    initObj = initObj[dp[i]]; 
    if (typeof initObj === 'undefined') { 
     has = false; 
     break; 
    } 
    } 
    return has; 
} 

var has = checkDeepProp({a: {b: 'xcv'}}, 'a.b'); 

что-то подобное?

Answer 5

К сожалению, дополнительные 5 символов (b &&), или 3 без пробелов (b&&), будут такими же чистыми, как вы собираетесь получить. Если вы хотите получить фантазии, вы можете найти массив ключей:

function (obj) { 
    if(!!~Object.keys(obj || {}).indexOf('x')){ 
     ... 
    } 
} 

Обратите внимание на || {} в случае, если объект не существует. Конечно, вы заметите, что всегда бесполезно пытаться определить, содержит ли переменная объект, а не назначает его в первую очередь. Например:

function(obj){ 
    obj = obj || {}; // set to an object if it doesn't already exist 

    if(obj.x) { 
    ... 
    } 
}