检查 JavaScript 中是否存在深度嵌套对象属性的最简单方法是什么？ [复制]

Question

我必须检查深度嵌套的对象属性，例如 YAHOO.Foo.Bar.xyz。

我目前使用的代码是

if (YAHOO && YAHOO.Foo && YAHOO.Foo.Bar && YAHOO.Foo.Bar.xyz) {
    // operate on YAHOO.Foo.Bar.xyz
}

这可行，但看起来很笨拙。

有没有更好的方法来检查这种深度嵌套的属性？

Answer 1

如果您希望YAHOO.Foo.Bar 是一个有效的对象，但又想让您的代码防弹以防万一它不是，那么在它周围放置一个 try catch 并让一个错误处理程序捕获任何可能是最干净的缺失的部分。然后，您可以只使用一个 if 条件而不是四个来检测终端属性是否存在，如果中间对象不存在，则使用一个 catch 处理程序来捕获事物：

try {
    if (YAHOO.Foo.Bar.xyz) {
        // operate on YAHOO.Foo.Bar.xyz
} catch(e) {
    // handle error here
}

或者，根据您的代码的工作方式，它甚至可能只是这样：

try {
    // operate on YAHOO.Foo.Bar.xyz
} catch(e) {
    // do whatever you want to do when YAHOO.Foo.Bar.xyz doesn't exist
}

在处理应该是特定格式的外部输入时，我特别使用这些，但无效输入是我想要捕获和处理自己的可能性，而不是仅仅让异常向上传播。

一般来说，一些 javascript 开发人员未充分使用 try/catch。我发现有时我可以用围绕较大功能块的单个 try/catch 替换 5-10 if 语句检查输入，同时使代码更简单且更具可读性。显然，何时合适取决于特定的代码，但绝对值得考虑。

仅供参考，如果通常的操作是不使用 try/catch 抛出异常，它也可以比一堆 if 语句快得多。

---

如果您不想使用异常处理程序，您可以创建一个函数来为您测试任意路径：

function checkPath(base, path) {
    var current = base;
    var components = path.split(".");
    for (var i = 0; i < components.length; i++) {
        if ((typeof current !== "object") || (!current.hasOwnProperty(components[i]))) {
            return false;
        }
        current = current[components[i]];
    }
    return true;
}

示例用法：

var a = {b: {c: {d: 5}}};
if (checkPath(a, "b.c.d")) {
    // a.b.c.d exists and can be safely accessed
}

Answer 2

coffeescript（编译成javascript）很好地解决了这个问题：

if YAHOO.Foo?.Bar?.xyz
  // operate on YAHOO.Foo.Bar.xyz

Answer 3

考虑这个效用函数：

function defined(ref, strNames) {
    var name;
    var arrNames = strNames.split('.');

    while (name = arrNames.shift()) {        
        if (!ref.hasOwnProperty(name)) return false;
        ref = ref[name];
    } 

    return true;
}

用法：

if (defined(YAHOO, 'Foo.Bar.xyz')) {
    // operate on YAHOO.Foo.Bar.xyz
}

现场演示： http://jsfiddle.net/DWefK/5/

Answer 4

var _ = {};

var x = ((YAHOO.Foo || _).Bar || _).xyz;

Answer 5

我实际上投票结束了作为javascript convert dotnotation string into objects重复的问题。

但是，我想这是一个不同的主题，但如果您不想一直try-catch，那么那里的答案可能仍然有用。

Answer 6

如果您需要检查路径的正确性，而不是“YAHOO.Foo.Bar”对象上是否存在“xyz”成员，将调用包装在 try catch 中可能是最简单的：

var xyz;
try {
    xyz = YAHOO.Foo.Bar.xyz;
} catch (e) {
    // fail;
};

或者，你可以做一些 string-kong-fu-magic^TM：

function checkExists (key, obj) {
    obj = obj || window;
    key = key.split(".");

    if (typeof obj !== "object") {
        return false;
    }

    while (key.length && (obj = obj[key.shift()]) && typeof obj == "object" && obj !== null) ;

    return (!key.length && typeof obj !== "undefined");
}

用法如下：

if (checkExists("YAHOO.Foo.Bar.xyz")) {
    // Woo!
};

Answer 7

使用try catch。

a={
  b:{}
};

//a.b.c.d?true:false; Errors and stops the program.

try{
  a.b.c.d;
}
catch(e){
  console.log(e);//Log the error
  console.log(a.b);//This will run
}