Heim > Artikel > Web-Frontend > Wozu dient der in-Operator in JavaScript?
Wozu dient der in-Operator in JavaScript?
- 不言Original
- 2018-11-30 15:03:583337Durchsuche
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.
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.
Klicken Sie auf die Schaltfläche [Ausführen]. Die Meldung „Preisfeld in Daten vorhanden“ wird angezeigt. Der Effekt ist wie folgt.
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.
Klicken Sie auf die Schaltfläche [Ausführen] und die Meldung „Das Preisfeld in den Daten existiert nicht“ wird wie folgt angezeigt.
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.
Klicken Sie auf die Schaltfläche [Exec] und die Meldung „Das zweite Element ist gültig“ wird im Ausgabefeld des Bildschirms angezeigt.
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.
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.
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!