检查JavaScript对象中是否存在密钥？

如何检查JavaScript对象或数组中是否存在特定键？

如果某个密钥不存在,并且我尝试访问它,它会返回false吗？或抛出错误？

检查undefined-ness不是测试密钥是否存在的准确方法.如果密钥存在但值实际上undefined怎么办？

var obj = { key: undefined };
obj["key"] !== undefined // false, but the key exists!

您应该使用in运算符:

"key" in obj // true, regardless of the actual value

如果要检查密钥是否不存在,请记住使用括号:

!("key" in obj) // true if "key" doesn't exist in object
!"key" in obj   // ERROR!  Equivalent to "false in obj"

或者,如果要特别测试对象实例的属性(而不是继承的属性),请使用hasOwnProperty:

obj.hasOwnProperty("key") // true

对于那些方法之间的性能比较in,hasOwnProperty以及关键的是undefined,看到这个标杆

如何检查JavaScript对象或数组中是否存在特定键？如果某个密钥不存在而我尝试访问它,它会返回false吗？或抛出错误？

使用(关联)数组样式或对象样式直接访问缺少的属性将返回未定义的常量.

缓慢和可靠的运营商和hasOwnProperty方法

正如人们在这里已经提到的那样,你可以拥有一个具有与"未定义"常量相关联的属性的对象.

 var bizzareObj = {valid_key:  undefined};

在这种情况下,您将必须使用hasOwnProperty或在运算符中知道密钥是否确实存在.但是,但是以什么价格？

所以,我告诉你......

在 operator和hasOwnProperty中是在Javascript中使用属性描述符机制的"方法"(类似于Java语言中的Java反射).

http://www.ecma-international.org/ecma-262/5.1/#sec-8.10

属性描述符类型用于解释命名属性属性的操作和具体化.属性描述符类型的值是由命名字段组成的记录,其中每个字段的名称是属性名称,其值是8.6.1中指定的相应属性值.此外,可以存在或不存在任何字段.

另一方面,调用对象方法或键将使用Javascript [[Get]]机制.那要快得多!

基准

http://jsperf.com/checking-if-a-key-exists-in-a-javascript-array

.

var result = "Impression" in array;

结果是

12,931,832 ±0.21% ops/sec      92% slower 

var result = array.hasOwnProperty("Impression")

结果是

16,021,758 ±0.45% ops/sec     91% slower

var result = array["Impression"] === undefined

结果是

168,270,439 ±0.13 ops/sec     0.02% slower 

var result = array.Impression  === undefined;

结果是

168,303,172 ±0.20%     fastest

编辑:为财产分配undefined价值的原因是什么？

那个问题困扰着我.在Javascript中,至少有两个对缺席对象的引用,以避免这样的问题:null和undefined.

null是原始价值,表示故意没有任何对象价值,或简称,确认缺乏价值.另一方面,undefined是未知值(未定义).如果稍后将使用具有适当值的属性,请考虑使用null引用而不是undefined因为在初始时刻确认该属性缺少值.

相比:

var a = {1: null}; 
console.log(a[1] === undefined); // output: false. I know the value at position 1 of a[] is absent and this was by design, i.e.:  the value is defined. 
console.log(a[0] === undefined); // output: true. I cannot say anything about a[0] value. In this case, the key 0 was not in a[].

劝告

避免使用undefined值的对象.尽可能直接检查并用于null初始化属性值.否则,请使用慢速in运算符或hasOwnProperty()方法.

编辑:12/04/2018 - 不相关任何人

正如人们所评论的那样,现代版本的Javascript引擎(使用firefox异常)改变了访问属性的方法.对于这种特定情况,当前实现比前一个实现慢,但是访问密钥和对象之间的差异是可忽略的.

它会回来undefined.

var aa = {hello: "world"};
alert( aa["hello"] );      // popup box with "world"
alert( aa["goodbye"] );    // popup box with "undefined"

// note the three equal signs so that null won't be equal to undefined
if( aa["goodbye"] === undefined ) {
    // do something
}

// this works even if you have {"goodbye": undefined}
if( "goodbye" in aa ) {
    // do something
}

("true" in ["true", "false"])
// -> false (Because the keys of the above Array are actually 0 and 1)

"key" in obj

yourArray = {age: "10"}

_.has(yourArray, "age")

_.has(yourArray, "invalidKey")

if ("key" in myObj)
{
    console.log("key exists!");
}
else
{
    console.log("key doesn't exist!");
}

function keyExists(key, search) {
        if (!search || (search.constructor !== Array && search.constructor !== Object)) {
            return false;
        }
        for (var i = 0; i < search.length; i++) {
            if (search[i] === key) {
                return true;
            }
        }
        return key in search;
    }

// How to use it:
// Searching for keys in Arrays
console.log(keyExists('apple', ['apple', 'banana', 'orange'])); // true
console.log(keyExists('fruit', ['apple', 'banana', 'orange'])); // false

// Searching for keys in Objects
console.log(keyExists('age', {'name': 'Bill', 'age': 29 })); // true
console.log(keyExists('title', {'name': 'Jason', 'age': 29 })); // false

function keyExists(key, search) {
        if (!search || (search.constructor !== Array && search.constructor !== Object)) {
            return false;
        }
        for (var i = 0; i < search.length; i++) {
            if (search[i] === key) {
                return true;
            }
        }
        return key in search;
    }

// How to use it:
// Searching for keys in Arrays
console.log(keyExists('apple', ['apple', 'banana', 'orange'])); // true
console.log(keyExists('fruit', ['apple', 'banana', 'orange'])); // false

// Searching for keys in Objects
console.log(keyExists('age', {'name': 'Bill', 'age': 29 })); // true
console.log(keyExists('title', {'name': 'Jason', 'age': 29 })); // false

function keyExists(key, search) {
        if (!search || (search.constructor !== Array && search.constructor !== Object)) {
            return false;
        }
        for (var i = 0; i < search.length; i++) {
            if (search[i] === key) {
                return true;
            }
        }
        return key in search;
    }

// How to use it:
// Searching for keys in Arrays
console.log(keyExists('apple', ['apple', 'banana', 'orange'])); // true
console.log(keyExists('fruit', ['apple', 'banana', 'orange'])); // false

// Searching for keys in Objects
console.log(keyExists('age', {'name': 'Bill', 'age': 29 })); // true
console.log(keyExists('title', {'name': 'Jason', 'age': 29 })); // false

yourObjName.hasOwnProperty(key) : true ? false;

Object.keys(yourObjName).length : true ? false

var obj = {foo: 'one', bar: 'two'};
    
function isKeyInObject(obj, key) {
    var res = Object.keys(obj).some(v => v == key);
    console.log(res);
}

isKeyInObject(obj, 'foo');
isKeyInObject(obj, 'something');