JavaScript现在正在发展壮大，因为它现在有好的甚至有效的方法来检查它。

以下是检查对象是否具有特定属性的一些简单方法：

使用hasOwnProperty（）

const hero = {
  name: 'Batman'
};

hero.hasOwnProperty('name');     // => true
hero.hasOwnProperty('realName'); // => false

在中使用关键字/运算符

const hero = {
  name: 'Batman'
};

'name' in hero;     // => true
'realName' in hero; // => false

与未定义的关键字比较

const hero = {
  name: 'Batman'
};

hero.name;     // => 'Batman'
hero.realName; // => undefined

// So consider this
hero.realName == undefined // => true (which means property does not exists in object)
hero.name == undefined // => false (which means that property exists in object)

有关详细信息，请查看此处。

表演

今天2020.12.17，我在Chrome v87、Safari v13.1.2和Firefox v83上对MacOs HighSierra 10.13.6进行了测试，以确定所选的解决方案。

后果

我只比较解决方案A-F，因为它们给出了详细信息部分片段中使用的所有大小写的有效结果。适用于所有浏览器

基于（A）的解决方案是快速或最快的解决方案（E）对于大型对象的chrome最快，对于小型数组的firefox最快，如果键不存在对于小型阵列，解决方案（F）最快（比其他解决方案快10倍以上）解决方案（D，E）非常快基于洛沙的溶液（B）是最慢的

细节

我执行4个测试用例：

当对象有10个字段并且搜索到的关键字存在时，您可以在此处运行它当对象有10个字段并且搜索的关键字不存在时，您可以在此处运行它当对象有10000个字段并且搜索到的关键字存在时，您可以在此处运行它当对象有10000个字段并且搜索到的关键字存在时，您可以在此处运行它

下面的代码片段显示了解决方案之间的差异A.BCDEFGH我JK

//所以https://stackoverflow.com/q/135448/860099//第三节：https://stackoverflow.com/a/14664748/860099函数A（x）{返回x中的“key”}//第三节：https://stackoverflow.com/a/11315692/860099函数B（x）{return _.has（x，'key'）}//第三节：https://stackoverflow.com/a/40266120/860099函数C（x）{return Reflect.has（x，'key'）}//第三节：https://stackoverflow.com/q/135448/860099函数D（x）{return x.hasOwnProperty（'key'）}//第三节：https://stackoverflow.com/a/11315692/860099函数E（x）{return Object.pr原型.hasOwnProperty.call（x，'key'）}//第三节：https://stackoverflow.com/a/136411/860099函数F（x）{函数hasOwnProperty（obj，prop）{var proto=obj.__proto__||obj.constructor.prototype；return（obj中的prop）&&（！（proto中的prop）||proto[prop]！==obj[prop]）；}return hasOwnProperty（x，'key'）}//第三节：https://stackoverflow.com/a/135568/860099函数G（x）{返回类型（x.key）！=='未定义'}//第三节：https://stackoverflow.com/a/22740939/860099函数H（x）{返回x.key！==未定义}//第三节：https://stackoverflow.com/a/38332171/860099函数I（x）{回来x键}//第三节：https://stackoverflow.com/a/41184688/860099函数J（x）{回来x[“键”]}//第三节：https://stackoverflow.com/a/54196605/860099函数K（x）{返回布尔值（x.key）}// --------------------//测试// --------------------设x1＝｛‘key‘：1｝；设x2={'key'：“1”}；让x3＝｛'key'：true｝；让x4＝{'key'：[]}；让x5＝｛‘key‘：｛｝｝；让x6={'key'：（）=>{}}；让x7＝｛'key'：“”｝；让x8＝｛'key'：0｝；让x9＝｛'key'：false｝；let x10=｛'key'：未定义｝；设x11＝{“否”：1｝；设b=x=>x？1:0;控制台日志（“1 2 3 4 5 6 7 8 9 10 11”）；[A，B，C，D，E，F，G，H，I，J，K]映射（F=>{控制台日志(`$｛f.name｝$｛b（f（x1））｝$（f（x2））｝｝${b（f（x3））｝｛$（b（f）x4）｝${（f（x5））}$｛f（f（x6）））｝$｛b（f（x7））〕｝$｝b（（f（x8））`)})console.log（'\nLegend:列（案例）'）；console.log（'1.key=1'）；console.log（'2.key=“1”'）；console.log（'3.key=true'）；console.log（'4.key=[]'）；console.log（'5.key={}'）；console.log（'6.key=（）=>｛｝'）；console.log（'7.key=“”'）；console.log（'8.key=0'）；console.log（'9.key=false'）；console.log（'10.key=未定义'）；console.log（'11.no key'）；<script src=“https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js“integrity=”sha512-90vH1Z83AJY9DmlWa8WkjkV79yfS2n2Oxhsi2dZbIv0nC4E6m5AbH8Nh156kkM7JePmqD6tcZsfad1ueoaovww==“crossrorigin=”匿名“></script>此shippet只显示性能测试中使用的函数，而不执行测试本身！

下面是铬的示例结果

让我们在这里消除一些困惑。首先，让我们通过假设hasOwnProperty已经存在来简化；目前使用的绝大多数浏览器都是如此。

如果传递给它的属性名已添加到对象中，hasOwnProperty返回true。它完全独立于分配给它的实际值，而实际值可能完全未定义。

因此：

var o = {}
o.x = undefined

var a = o.hasOwnProperty('x')  // a is true
var b = o.x === undefined // b is also true

然而：

var o = {}

var a = o.hasOwnProperty('x')  // a is now false
var b = o.x === undefined // b is still true

问题是当原型链中的对象具有值为undefined的属性时会发生什么？hasOwnProperty将为false，也将为false！==未定义。然而，对于。。中仍将在枚举中列出它。

最重要的是，没有跨浏览器的方法（因为Internet Explorer不公开__prototype__）来确定特定标识符是否未附加到对象或其原型链中的任何内容。

是的，它是：）我想你也可以做Object.protype.hasOwnProperty.call（x，'key'），如果x有一个名为hasOwnProperty:）的属性，这也应该有效

但这是对自身财产的测试。如果你想检查它是否有一个属性也可能是固有的，你可以使用typeof x.foo！='未定义”。

当你能做到以下几点时，不要过于复杂：

var isProperty =  (objectname.keyname || "") ? true : false;

对于大多数情况来说，这是简单明了的。。。

考虑Javascript中的以下对象

const x = {key: 1};

可以使用in运算符检查对象上是否存在该属性：

console.log("key" in x);

您还可以使用for-in循环遍历对象的所有财产，然后检查特定属性：

for (const prop in x) {
    if (prop === "key") {
        //Do something
    }
}

您必须考虑此对象属性是否可枚举，因为非可枚举财产不会显示在for-in循环中。此外，如果可枚举属性隐藏了原型的不可枚举属性，它将不会在InternetExplorer8和更早版本中显示。

如果您想要所有实例财产的列表，无论是否可枚举，您可以使用

Object.getOwnPropertyNames(x);

这将返回对象上存在的所有财产的名称数组。

反射提供了可用于与Javascript对象交互的方法。静态Reflect.has（）方法的工作方式类似于函数中的in运算符。

console.log(Reflect.has(x, 'key'));
// expected output: true

console.log(Reflect.has(x, 'key2'));
// expected output: false

console.log(Reflect.has(object1, 'toString'));
// expected output: true

最后，您可以使用typeof运算符直接检查对象属性的数据类型：

if (typeof x.key === "undefined") {
    console.log("undefined");
}

如果对象上不存在该属性，它将返回字符串undefined。否则，它将返回适当的属性类型。但是，请注意，这并不总是检查对象是否具有属性的有效方法，因为您可以将属性设置为undefined，在这种情况下，使用typeof x.key仍将返回true（即使该键仍在对象中）。

类似地，您可以通过直接与未定义的Javascript属性进行比较来检查属性是否存在

if (x.key === undefined) {
    console.log("undefined");
}

除非在x对象上特别将key设置为undefined，否则这应该有效