在 JavaScript 中检查对象中是否存在键
Moataz Farid
2023年1月30日
2021年2月7日
- 在 JavaScript 中使用元素直接访问方法检查对象键是否存在
-
使用
in运算符检查 JavaScript 中是否存在对象键 -
使用
hasOwnProperty方法检查对象键是否存在于 JavaScript 中 -
使用
underscore库来检查对象键是否存在于 JavaScript 中
在本教程中，我们将学习如何使用多种方法来检查 JavaScript 中是否存在键。
在 JavaScript 中使用元素直接访问方法检查对象键是否存在
如果一个键存在，它不应该返回 undefined。为了检查它是否返回 undefined，我们对键进行直接访问，可以用两种样式，一种是对象样式，一种是括号访问样式。
在下面的例子中，我们将展示如何使用括号样式直接访问键来检查键是否存在。
let myObject = {
"mykey1" : "My Value 1",
"mykey2" : "My Value 2"
};
function isKeyExists(obj,key){
if( obj[key] == undefined ){
return false;
}else{
return true;
}
}
let result0 = isKeyExists(myObject,"mykey0")
console.log("Check for the non-existing key, is key exists > "+result0)
let result1 = isKeyExists(myObject,"mykey1")
console.log("Check for the existing key, is key exists > "+result1)
输出：
Check for the non-existing key, is key exists > false
Check for the existing key, is key exists > true
另一种通过直接访问来检查键的样式是使用对象样式。在下面的例子中，我们可以看到如何在 JavaScript 中检查该键的存在。
let myObject = {
mykey1 : "My Value 1",
mykey2 : "My Value 2"
};
let result = myObject.mykey0 != undefined
console.log("Is myKey0 exists ? "+result)
let result1 = myObject.mykey1 != undefined
console.log("Is myKey1 exists ? "+result1)
输出：
Is myKey0 exists ? false
Is myKey1 exists ? true
使用直接访问键检查 undefined 的一个缺点是，键的值可能等于 undefined。让我们看下面的例子来说明该方法的问题。
let myObject = {
mykey0 : undefined,
mykey1 : "My Value 1"
};
let result = myObject.mykey0 != undefined
console.log("Is myKey0 exists? "+result)
let result1 = myObject.mykey1 != undefined
console.log("Is myKey1 exists? "+result1)
输出：
Is myKey0 exists? false
Is myKey1 exists? true
上述案例的解决方案是，当你想用未定义的值初始化一个属性时，千万不要给它分配 undefined，而是用 null 来初始化它。
如果我们坚持使用 undefined 值来初始化键，我们应该使用 in 操作符，hasOwnProperty 方法，或者 underscore 库 _.has 方法。
使用 in 运算符检查 JavaScript 中是否存在对象键
如果在目标对象中没有找到键，则简单地使用 in 操作符返回 false，如果找到则返回 true。
let myObject = {
favoriteDish : "Spaghetti",
language : "English"
}
function isKeyExists(obj,key){
return key in obj;
}
console.log("Does language key exists? "+isKeyExists(myObject, "language"))
console.log("Does nationality key exists? "+isKeyExists(myObject, "nationality"))
输出：
Does language key exists? true
Does nationality key exists? false
使用 hasOwnProperty 方法检查对象键是否存在于 JavaScript 中
另一种检查对象是否包含特定属性键的方法是使用 hasOwnProperty 方法。在下面的例子中，我们将展示如何使用 hasOwnProperty 方法。
let myObject = {
favoriteDish : "Spaghetti",
language : "English"
}
function isKeyExists(obj,key){
return obj.hasOwnProperty(key);
}
console.log("Does the object have language key? "+isKeyExists(myObject, "language"))
console.log("Does the object have nationality key? "+isKeyExists(myObject, "nationality"))
输出：
Does the object have language key? true
Does the object have nationality key? false
使用 underscore 库来检查对象键是否存在于 JavaScript 中
如果我们已经使用了任何一个 underscore 库方法，我们可以使用 _.has() 方法，因为如果该对象有提供的键，它将返回 true，如果没有，则返回 false。
let myObject = {
favoriteDish : "Spaghetti",
language : "English"
}
console.log("Check using underscore library if the object has language key? "+_.has(myObject,"language"))
console.log("Check using underscore library if the object has nationality key? "+_.has(myObject,"nationality"))
输出：
Check using underscore library if the object has language key? true
Check using underscore library if the object has nationality key? false
我们可以从这里导入库。