检测未定义的对象属性

如何检查JavaScript中的对象属性是否未定义？

当前回答

有一种非常简单的方法。

您可以使用可选链接：

x = {prop:{name:"sajad"}}

console.log(x.prop?.name) // Output is: "sajad"
console.log(x.prop?.lastName) // Output is: undefined

if(x.prop?.lastName) // The result of this 'if' statement is false and is not throwing an error

您甚至可以对函数或数组使用可选的链接。

截至2020年年中，这一点尚未得到普遍实施。查看文档https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

2020-05-05 06:41:09

其他回答

读到这里，我很惊讶我没有看到这一点。我已经找到了多种算法可以解决这个问题。

从未定义

如果从未定义对象的值，那么如果将其定义为null或undefined，则将无法返回true。如果您希望为设置为undefined的值返回true，这很有用

if(obj.prop === void 0) console.log("The value has never been defined");

定义为未定义或从未定义

如果您希望使用undefined值定义的值或从未定义的值的结果为true，则可以简单地使用==undefineed

if(obj.prop === undefined) console.log("The value is defined as undefined, or never defined");

定义为错误值、未定义、空或从未定义。

通常，人们要求我提供一种算法，以确定某个值是否为假值、未定义值或空值。以下工作。

if(obj.prop == false || obj.prop === null || obj.prop === undefined) {
    console.log("The value is falsy, null, or undefined");
}

2015-02-15 03:10:11

我没有看到（希望我没有错过）任何人在物业前检查该对象。因此，这是最短和最有效的（虽然不一定是最清楚的）：

if (obj && obj.prop) {
  // Do something;
}

如果obj或obj.prop为undefined、null或“falsy”，If语句将不执行代码块。这通常是大多数代码块语句（在JavaScript中）所需的行为。

更新：（2021 7月2日）

最新版本的JavaScript为可选链接：？。

这可能是检查对象财产是否存在的最明确、最有效的方法。

裁判：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

2012-09-25 18:41:34

我认为这个问题有很多不正确的答案。与通常的看法相反，“undefined”在JavaScript中不是关键字，实际上可以为其赋值。

正确的代码

执行此测试的最可靠方法是：

if (typeof myVar === "undefined")

这将始终返回正确的结果，甚至可以处理未声明myVar的情况。

退化代码。不要使用。

var undefined = false;  // Shockingly, this is completely legal!
if (myVar === undefined) {
    alert("You have been misled. Run away!");
}

此外，myVar==undefined将在未声明myVar的情况下引发错误。

2010-08-23 18:03:18

也可以使用代理。它可以处理嵌套调用，但需要额外检查一次：

function resolveUnknownProps(obj, resolveKey) {
  const handler = {
    get(target, key) {
      if (
        target[key] !== null &&
        typeof target[key] === 'object'
      ) {
        return resolveUnknownProps(target[key], resolveKey);
      } else if (!target[key]) {
        return resolveUnknownProps({ [resolveKey]: true }, resolveKey);
      }

      return target[key];
    },
  };

  return new Proxy(obj, handler);
}

const user = {}

console.log(resolveUnknownProps(user, 'isUndefined').personalInfo.name.something.else); // { isUndefined: true }

因此，您将像这样使用它：

const { isUndefined } = resolveUnknownProps(user, 'isUndefined').personalInfo.name.something.else;
if (!isUndefined) {
  // Do something
}

2018-03-21 16:50:26