suchen

Heim >Web-Frontend >js-Tutorial >Wozu dient der in-Operator in JavaScript?

Wozu dient der in-Operator in JavaScript?

不言
不言Original
2018-11-30 15:03:583414Durchsuche

Wozu dient der in-Operator in Wozu dient der in-Operator in JavaScript?? In diesem Artikel wird Ihnen die Verwendung des in-Operators in Wozu dient der in-Operator in JavaScript? vorgestellt. Werfen wir einen Blick auf den spezifischen Inhalt.

Wozu dient der in-Operator in JavaScript?

Sehen wir uns zunächst die Verwendung des in-Operators für Objekte an

Sehen wir uns ein konkretes Beispiel an

Der Code lautet wie folgt

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
  <script type="text/javascript">
    function exec() {
        var data = new Object();
        data.id = 10;
        data.name = "曲奇饼干";
        data.price = 150;
        data.code = "PK-01";
        var elem = document.getElementById("output");
        var fieldname = "price";
        if (fieldname in data == true) {
          elem.innerText = "data 至" + fieldname + " 字段存在。";
        } else {
          elem.innerText = "data 至 " + fieldname + "字段不存在。";
        }
      }
  </script>
</head>
<body>
<input type="button" value="Exec" onclick="exec();" />
  <div id="output">输出</div>
</body>
</html>

Anleitung:

Verwenden Sie den folgenden Code, um ein Objekt zu erstellen und einen Wert zuzuweisen. 

var data = new Object();
  data.id = 10;
  data.name = "曲奇饼干";
  data.price = 150;
  data.code = "PK-01";

Verwenden Sie den in-Operator, um zu prüfen, ob das der Feldnamenvariablen zugewiesene Feld (Mitglied) im Objekt und Objekt vorhanden ist. In diesem Code dient der Code zur Bestätigung, ob „price“ im Objekt vorhanden ist. Da der Wert von „price“ im Initialisierungsteil des vorherigen Objekts ersetzt wird, wird das Ergebnis der in-Operation wahr und das „price“-Feld in Im Ausgabebereich werden „Daten“ angezeigt. „Existenz“-Informationen. 

var elem = document.getElementById("output");  
var fieldname = "price";  
if (fieldname in data == true) {
    elem.innerText = "data 中 " + fieldname + " 字段存在";
  } else {
    elem.innerText = "data 中" + fieldname + " 字段不存在。";
  }

Ergebnisse ausführen

Verwenden Sie einen Webbrowser, um die obige HTML-Datei anzuzeigen, und der unten gezeigte Effekt wird angezeigt.

Wozu dient der in-Operator in JavaScript?

Klicken Sie auf die Schaltfläche [Ausführen]. Die Meldung „Preisfeld in Daten vorhanden“ wird angezeigt. Der Effekt ist wie folgt.

Wozu dient der in-Operator in JavaScript?

Beispiel für ein falsches Ergebnis

Ändern Sie den Exec-Funktionsteil der vorherigen HTML-Datei in den folgenden Code. 

var fieldname ="price";

wird zu 

var fieldname = "detail";

, da kein Datenobjekt vorhanden ist, sodass das Ergebnis der in-Operation falsch ist. 

  function exec() {
        var data = new Object();
        data.id = 10;
        data.name = "曲奇饼干";
        data.price = 150;
        data.code = "PK-01";
        var elem = document.getElementById("output");
        var fieldname = "detail";
        if (fieldname in data == true) {
          elem.innerText = "data 中" + fieldname + " 字段存在。";
        } else {
          elem.innerText = "data 中 " + fieldname + "字段不存在。";
        }
      }

Ergebnisse ausführen

Verwenden Sie einen Webbrowser, um die obige HTML-Datei anzuzeigen. Der unten gezeigte Effekt wird angezeigt.

Wozu dient der in-Operator in JavaScript?

Klicken Sie auf die Schaltfläche [Ausführen] und die Meldung „Das Preisfeld in den Daten existiert nicht“ wird wie folgt angezeigt.

Wozu dient der in-Operator in JavaScript?

Verwenden Sie den in-Operator in einem Array

Wenn Sie den in-Operator in einem Array verwenden, können Sie das Array-Element bei bestimmen Ist die angegebene Position gültig oder ungültig (= undefiniert)?

Sehen wir uns ein konkretes Beispiel an

Der Code lautet wie folgt

<br/>

Anweisungen:

Initialisieren Sie das Array und weisen Sie den Wert über den folgenden Code zu. 

 var data = new Array("Penguin", "Duck", "Pigion", "Owl", "Hawk");

Es bestimmt mithilfe des in-Operators, ob das zweite Element der Array-Daten gültig ist. Nachdem diese Codeanordnung erstellt wurde, ist sie gültig und das Ergebnis ist wahr, da keine spezielle Verarbeitung erfolgt, und auf der Seite werden die Zeichen „Das zweite Element ist gültig“ angezeigt. 

var elem = document.getElementById("output");  
if (2 in data == true) {
    elem.innerText = "第二个元素有效。";
  } else {
    elem.innerText = "第二个元素无效。";
  }

Laufergebnisse

Verwenden Sie einen Webbrowser, um die obige HTML-Datei anzuzeigen. Der unten gezeigte Effekt wird angezeigt.

Wozu dient der in-Operator in JavaScript?

Klicken Sie auf die Schaltfläche [Exec] und die Meldung „Das zweite Element ist gültig“ wird im Ausgabefeld des Bildschirms angezeigt.

Wozu dient der in-Operator in JavaScript?

Code, wenn das Element ungültig wird

Ändern Sie die obige HTML-Datei in den folgenden Code. 




    
    
    


  
  
输出

Beschreibung:

Der Sinn der Änderung besteht darin, Code hinzuzufügen, um die Elemente in der folgenden Exec-Funktion zu entfernen. 

function exec() {
    var data = new Array("Penguin", "Duck", "Pigion", "Owl", "Hawk");    
    delete data[2];
    var elem = document.getElementById("output");    
    if (2 in data == true) {
      elem.innerText = "第二个元素有效。";
    } else {
      elem.innerText = "第二个元素无效。";
    }
  }

Löschen Sie das zweite (dritte) Element des Datenarrays mit dem folgenden Code. Da Elemente durch Löschen nicht gelöscht werden, ändert sich die Länge des Arrays vor und nach dem Löschen nicht. Da jedoch die Elemente von data[2] gelöscht wurden, ist data[2] undefiniert. 

delete data[2];

Laufergebnisse

Verwenden Sie einen Webbrowser, um die obige HTML-Datei anzuzeigen. Der unten gezeigte Effekt wird angezeigt.

Wozu dient der in-Operator in JavaScript?

Klicken Sie auf die Schaltfläche [Ausführen] Da Daten[2] mit dem Löschbefehl gelöscht wurden, wird in der Ausgabe die Meldung „Das zweite Element ist ungültig“ angezeigt Feld.

Wozu dient der in-Operator in JavaScript?

Das obige ist der detaillierte Inhalt vonWozu dient der in-Operator in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html 运算符 delete undefined 对象
Stellungnahme：
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
Vorheriger Artikel：Einführung in Methoden zur Implementierung von Klassen in JavaScript mithilfe der KlassensyntaxNächster Artikel：Einführung in Methoden zur Implementierung von Klassen in JavaScript mithilfe der Klassensyntax

In Verbindung stehende Artikel

Mehr sehen