วิธีการตรวจสอบว่าคุณสมบัติของวัตถุที่มีอยู่กับตัวแปรถือชื่อทรัพย์สินหรือไม่

ฉันกำลังตรวจสอบการมีอยู่ของคุณสมบัติวัตถุที่มีตัวแปรถือชื่อคุณสมบัติที่เป็นปัญหา

var myObj;
myObj.prop = "exists";
var myProp = "p"+"r"+"o"+"p";

if(myObj.myProp){
    alert("yes, i have that property");
};

นี่เป็นundefinedเพราะมันกำลังมองหาmyObj.myPropแต่ฉันต้องการที่จะตรวจสอบmyObj.prop

var myProp = 'prop';
if(myObj.hasOwnProperty(myProp)){
    alert("yes, i have that property");
}

หรือ

var myProp = 'prop';
if(myProp in myObj){
    alert("yes, i have that property");
}

หรือ

if('prop' in myObj){
    alert("yes, i have that property");
}

โปรดทราบว่าhasOwnPropertyไม่ได้ตรวจสอบคุณสมบัติได้รับมรดกในขณะที่inไม่ ตัวอย่างเช่น'constructor' in myObjเป็นจริง แต่myObj.hasOwnProperty('constructor')ไม่ใช่

คุณสามารถใช้hasOwnPropertyแต่อ้างอิงจากการอ้างอิงที่คุณต้องการราคาเมื่อใช้วิธีนี้:

if (myObj.hasOwnProperty('myProp')) {
    // do something
}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty

อีกวิธีคือใช้ในโอเปอเรเตอร์ แต่คุณต้องมีเครื่องหมายคำพูดที่นี่ด้วย:

if ('myProp' in myObj) {
    // do something
}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/in

ขอขอบคุณสำหรับความช่วยเหลือของทุกคนและพยายามผลักออกถ้อยแถลงการประเมินผล ตัวแปรจำเป็นต้องอยู่ในวงเล็บไม่ใช่เครื่องหมายจุด มันใช้งานได้และเป็นโค้ดที่สะอาดและเหมาะสม

แต่ละตัวแปรเหล่านี้คือ appChoice, underI, underObstr

if(typeof tData.tonicdata[appChoice][underI][underObstr] !== "undefined"){
    //enter code here
}

สำหรับทรัพย์สินของตัวเอง:

var loan = { amount: 150 };
if(Object.prototype.hasOwnProperty.call(loan, "amount")) 
{ 
   //will execute
}

หมายเหตุ: การใช้Object.prototype.hasOwnPropertyนั้นดีกว่า loan.hasOwnProperty (.. ) ในกรณีที่กำหนดเอง hasOwnProperty ถูกกำหนดในห่วงโซ่ต้นแบบ (ซึ่งไม่ใช่กรณีที่นี่) เช่น

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 : (แต่คุณต้องวางวัตถุที่ด้านขวาของ 'ใน' ค่าดั้งเดิมจะทำให้เกิดข้อผิดพลาดเช่น 'ความยาว' ใน 'บ้าน'จะทำให้เกิดข้อผิดพลาด แต่'ความยาว' ใน String ใหม่ ('home')จะไม่)

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 และ [] accessor เป็นรหัสต่อไปนี้ซึ่งไม่ทำงานเสมอ ...

var loan = { amount: 150 };

loan.installment = undefined;

if("installment" in loan) // correct
{
    // will execute
}

if(typeof loan["installment"] !== "undefined") // incorrect
{
    // will not execute
}

วิธีที่ปลอดภัยกว่ามากในการตรวจสอบว่ามีคุณสมบัติอยู่บนวัตถุหรือไม่ก็คือการใช้วัตถุเปล่าหรือวัตถุต้นแบบในการโทร 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.prototype.hasOwnProperty ()

คุณสามารถใช้hasOwnProperty()เช่นเดียวกับinผู้ประกอบการ