我正在检查是否存在一个对象属性,该属性包含一个变量,该变量包含有问题的属性名称。
var myObj;
myObj.prop = "exists";
var myProp = "p"+"r"+"o"+"p";
if(myObj.myProp){
alert("yes, i have that property");
};
这是未定义的,因为它正在查找myObj.myrop,但我希望它检查myObj.rop
我正在检查是否存在一个对象属性,该属性包含一个变量,该变量包含有问题的属性名称。
var myObj;
myObj.prop = "exists";
var myProp = "p"+"r"+"o"+"p";
if(myObj.myProp){
alert("yes, i have that property");
};
这是未定义的,因为它正在查找myObj.myrop,但我希望它检查myObj.rop
var myProp = 'prop';
if(myObj.hasOwnProperty(myProp)){
alert("yes, i have that property");
}
Or
var myProp = 'prop';
if(myProp in myObj){
alert("yes, i have that property");
}
Or
if('prop' in myObj){
alert("yes, i have that property");
}
请注意,hasOwnProperty不检查继承的财产,而in检查继承的属性。例如,myObj中的“constructor”为true,但myObj.hasOwnProperty(“constructors”)不是。
感谢大家的帮助,并推动消除eval声明。变量需要放在括号中,而不是点符号。这是一个干净、正确的代码。
其中每个都是变量:appChoice、underI、underObst。
if(typeof tData.tonicdata[appChoice][underI][underObstr] !== "undefined"){
//enter code here
}
您可以使用hasOwnProperty,但根据引用,使用此方法时需要引号:
if (myObj.hasOwnProperty('myProp')) {
// do something
}
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
另一种方法是使用in运算符,但这里也需要引号:
if ('myProp' in myObj) {
// do something
}
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/in
检查对象上是否存在属性的更安全的方法是使用空对象或对象原型来调用hasOwnProperty()
var foo = {
hasOwnProperty: function() {
return false;
},
bar: 'Here be dragons'
};
foo.hasOwnProperty('bar'); // always returns false
// Use another Object's hasOwnProperty and call it with 'this' set to foo
({}).hasOwnProperty.call(foo, 'bar'); // true
// It's also possible to use the hasOwnProperty property from the Object
// prototype for this purpose
Object.prototype.hasOwnProperty.call(foo, 'bar'); // true
来自MDN Web Docs的引用-Object.protype.hasOwnProperty()
对于自有财产:
var loan = { amount: 150 };
if(Object.prototype.hasOwnProperty.call(loan, "amount"))
{
//will execute
}
注意:如果在原型链中定义了自定义hasOwnProperty(这里不是这样),则使用Object.prototype.hasOwnProperty优于loan.hasOwn Property(..),例如
var foo = {
hasOwnProperty: function() {
return false;
},
bar: 'Here be dragons'
};
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
要在查找中包含继承的财产,请使用in运算符:(但必须将对象放置在“in”的右侧,基元值将引发错误,例如,“home”中的“length”将引发错误;但新String(“home“)中的“longth”不会)
const yoshi = { skulk: true };
const hattori = { sneak: true };
const kuma = { creep: true };
if ("skulk" in yoshi)
console.log("Yoshi can skulk");
if (!("sneak" in yoshi))
console.log("Yoshi cannot sneak");
if (!("creep" in yoshi))
console.log("Yoshi cannot creep");
Object.setPrototypeOf(yoshi, hattori);
if ("sneak" in yoshi)
console.log("Yoshi can now sneak");
if (!("creep" in hattori))
console.log("Hattori cannot creep");
Object.setPrototypeOf(hattori, kuma);
if ("creep" in hattori)
console.log("Hattori can now creep");
if ("creep" in yoshi)
console.log("Yoshi can also creep");
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/in
注意:人们可能会尝试使用typeof和[]属性访问器作为以下代码,但这些代码并不总是有效的。。。
var loan = { amount: 150 };
loan.installment = undefined;
if("installment" in loan) // correct
{
// will execute
}
if(typeof loan["installment"] !== "undefined") // incorrect
{
// will not execute
}
检查对象属性是否存在的几种方法。
const dog = { name: "Spot" }
if (dog.name) console.log("Yay 1"); // Prints.
if (dog.sex) console.log("Yay 2"); // Doesn't print.
if ("name" in dog) console.log("Yay 3"); // Prints.
if ("sex" in dog) console.log("Yay 4"); // Doesn't print.
if (dog.hasOwnProperty("name")) console.log("Yay 5"); // Prints.
if (dog.hasOwnProperty("sex")) console.log("Yay 6"); // Doesn't print, but prints undefined.
使用新的Object.hasOwn方法也是一种替代方法,其目的是替换Object.hasOwnerProperty方法。
如果指定的对象具有指定的属性作为其自身的属性,则此静态方法返回true;如果该属性是继承的或不存在于该对象上,则返回false。
请注意,在生产中使用之前,您必须仔细检查浏览器兼容性表,因为它仍然被认为是一种实验性技术,尚未被所有浏览器完全支持(尽管很快就会实现)
var myObj={};myObj.myrop=“存在”;if(Object.hasOwn(myObj,'myProp')){警报(“是的,我有那个财产”);}
有关Object.hasOwn的更多信息-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwn
Object.hasOwn浏览器兼容性-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwn#browser_compatibility