检测未定义的对象属性

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

当前回答

ECMAScript 10引入了一个新特性——可选链接，只有当对象定义为如下时，才可以使用该特性来使用对象的属性：

const userPhone = user?.contactDetails?.phone;

只有在定义了user和contactDetails时，它才会引用phone属性。

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

其他回答

如果使用的是Angular：

angular.isUndefined(obj)
angular.isUndefined(obj.prop)

Undercore.js：

_.isUndefined(obj) 
_.isUndefined(obj.prop)

Object.hasOwnProperty（o，'propertyname'）；

然而，这并不能通过原型链进行查找。

解决方案不正确。在JavaScript中，

null == undefined

将返回true，因为它们都“强制”为布尔值，并且都为false。正确的方法是检查

if (something === undefined)

这是身份运算符。。。

我们ES6可以与！！将所有值转换为布尔值。使用此选项，所有假值都将变为假。

第一种解决方案

if (!(!!variable)) {
    // Code
}

第二种解决方案

if (!variable) {
    // Code
}

来自lodash.js。

var undefined;
function isUndefined(value) {
  return value === undefined;
}

它创建了一个名为undefined的局部变量，该变量用默认值（即真正的undefineed）初始化，然后将该值与变量undefine进行比较。

更新日期：2019年9月9日

我发现Lodash更新了它的实现。查看我的问题和代码。

要做到防弹，只需使用：

function isUndefined(value) {
  return value === void 0;
}

推荐文章