Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie greife ich mit Variablen in JavaScript dynamisch auf Objekteigenschaften zu?

Patricia Arquette
Freigeben: 2024-10-30 16:07:36
Original
577 Leute haben es durchsucht

How to Dynamically Access Object Properties with Variables in JavaScript?

Dynamischer Eigenschaftszugriff mit Variablen in JavaScript

In JavaScript kann der dynamische Zugriff auf Objekteigenschaften mithilfe von Variablen eine Herausforderung darstellen. Betrachten wir das folgende Szenario:

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

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

In diesem Beispiel möchten wir prüfen, ob die prop-Eigenschaft im myObj-Objekt vorhanden ist. Die Bedingung myObj.myProp wird jedoch als undefiniert ausgewertet, da sie tatsächlich das Vorhandensein einer nicht vorhandenen Eigenschaft (myObj.myProp) überprüft.

Um dynamisch korrekt auf die Eigenschaft zuzugreifen, können wir die folgenden Techniken verwenden:

1. hasOwnProperty-Methode:

Die hasOwnProperty-Methode prüft, ob das Objekt eine bestimmte Eigenschaft in seiner eigenen Eigenschaftenliste hat (ausgenommen geerbte Eigenschaften).

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

2. in-Operator:

Der in-Operator prüft, ob das Objekt eine bestimmte Eigenschaft hat, einschließlich geerbter Eigenschaften.

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

3. Kurzschreibweise:

Wenn der Eigenschaftsname ein Zeichenfolgenliteral ist, können wir die Kurzschreibweise verwenden:

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

Wichtiger Hinweis:

  • Die hasOwnProperty-Methode prüft nicht auf geerbte Eigenschaften, während dies beim in-Operator der Fall ist.
  • Bei Verwendung des in-Operators wird empfohlen, den Eigenschaftsnamen zunächst einer Variablen zuzuweisen, um die Leistung zu verbessern.

Das obige ist der detaillierte Inhalt vonWie greife ich mit Variablen in JavaScript dynamisch auf Objekteigenschaften zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!