如何避免'无法读取未定义的属性'错误？

Question

在我的代码中,我处理的数组中有一些条目,其中有许多对象彼此嵌套,而有些则没有.它看起来像下面这样:

// where this array is hundreds of entries long, with a mix
// of the two examples given
var test = [{'a':{'b':{'c':"foo"}}}, {'a': "bar"}];

这给了我一些问题,因为我需要有时遍历数组,并且不一致会给我带来如下错误:

for (i=0; i<test.length; i++) {
    // ok on i==0, but 'cannot read property of undefined' on i==1
    console.log(a.b.c);
}

我知道我可以说if(a.b){ console.log(a.b.c)},但是在最多有5个或6个对象相互嵌套的情况下,这是非常繁琐的.有没有其他(更简单)的方法,我只能执行console.log,如果它存在,但没有抛出错误？

Answer 1

一个快速的解决方法是使用带有ES6 箭头功能的try/catch辅助函数:

function getSafe(fn, defaultVal) {
    try {
        return fn();
    } catch (e) {
        return defaultVal;
    }
}

// use it like this
getSafe(() => obj.a.lot.of.properties);

// or add an optional default value
getSafe(() => obj.a.lot.of.properties, 'nothing');

有关详细信息,请参阅此文

Answer 2

你正在做的事情引发了一个例外(理所当然).

你总能这样做

try{
   window.a.b.c
}catch(e){
   console.log("YO",e)
}

但我不会想到你的用例.

你为什么要访问数据,嵌套你不熟悉的6个级别？什么用例证明了这一点？

通常,您希望实际验证您正在处理的对象类型.

另外,在旁注中你不应该使用这样的语句,if(a.b)因为如果ab为0或者即使它是"0"它将返回false.而是检查是否a.b !== undefined

Answer 3

如果我正确理解您的问题,您需要最安全的方法来确定对象是否包含属性.

最简单的方法是使用"in"语句.

window.a = "aString";
//window should have 'a' property
//lets test if it exists
if ("a" in window){
    //true
 }

if ("b" in window){
     //false
 }

当然,您可以根据需要将其嵌套

if ("a" in window.b.c) { }

不确定这是否有帮助.

Answer 4

如果您使用的是lodash,则可以使用"has"功能.它类似于原生的"in",但允许路径.

var testObject = {a: {b: {c: 'walrus'}}};
if(_.has(testObject, 'a.b.c')) {
  //Safely access your walrus here
}

Answer 5

尝试这个。如果a.b未定义，它将使该if语句无任何异常。

if (a.b && a.b.c) {
  console.log(a.b.c);
}

Answer 6

如果你使用 Babel，你已经可以在@babel/plugin-proposal-optional-chaining Babel plugin 中使用可选链接语法。这将允许您替换它：

console.log(a && a.b && a.b.c);

有了这个：

console.log(a?.b?.c);

Answer 7

我虔诚地使用undefsafe。它测试每个级别到您的对象，直到它获得您要求的值，或者返回“未定义”。但从不出错。

Answer 8

这是使用深度或复杂json对象时的常见问题,因此我尝试避免try/catch或嵌入多次检查会导致代码不可读,我通常在我的所有procect中使用这一小段代码来完成这项工作.

/* ex: getProperty(myObj,'aze.xyz',0) // return myObj.aze.xyz safely
 * accepts array for property names: 
 *     getProperty(myObj,['aze','xyz'],{value: null}) 
 */
function getProperty(obj, props, defaultValue) {
    var res, isvoid = function(x){return typeof x === "undefined" || x === null;}
    if(!isvoid(obj)){
        if(isvoid(props)) props = [];
        if(typeof props  === "string") props = props.trim().split(".");
        if(props.constructor === Array){
            res = props.length>1 ? getProperty(obj[props.shift()],props,defaultValue) : obj[props[0]];
        }
    }
    return typeof res === "undefined" ? defaultValue: res;
}

Answer 9

如果你有lodash你可以使用它的.get方法

_.get(a, 'b.c.d.e')

或者给它一个默认值

_.get(a, 'b.c.d.e', default)