Wozu dient der in-Operator in JavaScript?-js-Tutorial-php.cn

Wozu dient der in-Operator in JavaScript?

不言

Freigeben： 2018-11-30 15:03:58

Original

3412 Leute haben es durchsucht

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>

Nach dem Login kopieren

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";

Nach dem Login kopieren

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 + " 字段不存在。";
  }

Nach dem Login kopieren

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";

Nach dem Login kopieren

wird zu

var fieldname = "detail";

Nach dem Login kopieren

, da kein Datenobjekt vorhanden ist, sodass das Ergebnis der in-Operation falsch ist. <br/>

  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 + "字段不存在。";
        }
      }

Nach dem Login kopieren

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/>

Nach dem Login kopieren

Anweisungen:

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

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

Nach dem Login kopieren

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 = "第二个元素无效。";
  }

Nach dem Login kopieren

Laufergebnisse<br/>

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.

Nach dem Login kopieren

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 = "第二个元素无效。";
    }
  }

Nach dem Login kopieren

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];

Nach dem Login kopieren

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!