Unterschied zwischen i++ und ++i in JavaScript

Tahseen Tauseef 12 Oktober 2023
  1. Inkrement- und Dekrementoperatoren in JavaScript
  2. Postfix vs. Prefix Increment Operator in JavaScript
Unterschied zwischen i++ und ++i in JavaScript

In diesem Tutorial-Artikel werden die Inkrement- und Dekrementoperatoren im Detail erläutert.

Inkrement- und Dekrementoperatoren in JavaScript

Die Inkrement- und Dekrementoperatoren werden verwendet, um den Wert einer Variablen um 1 zu erhöhen oder zu verringern. Diese Inkrement- und Dekrementoperatoren können auf verschiedene Weise geschrieben werden, und jede Methode hat ihre Eigenschaften, dh sie sind nicht gleich. Wir sehen diese Operatoren normalerweise in Schleifen und sind mit ihrer Verwendung in Schleifen bestens vertraut.

Im Folgenden sind die beiden gebräuchlichsten Methoden zur Verwendung von Inkrement- und Dekrementoperatoren aufgeführt:

  • ++variable (Präfix)
  • variable++ (Postfix)
  • --variable (Präfix)
  • variable-- (Postfix)

Diese beiden Methoden der Inkrement-/Dekrement-Operatoren sind insofern gleich, als sie den Wert der Variablen um 1 aktualisieren. Bei genauerem Hinsehen gibt es jedoch Unterschiede.

Im folgenden Beispiel verwenden wir die Prefix-Methode zur Verwendung des Inkrement-Operators und verstehen ihre Funktionsweise.

var i = 5;
alert(++i);
alert(i);

Im oben erwähnten Code ist der Anfangswert der Variablen i 5, und in der nächsten Zeile haben wir eine Warnmeldung verwendet, um die Funktion des Präfixinkrements anzuzeigen. Jetzt erhält der Alarm den Wert i nach dem Inkrementieren. Die Warnung generiert also den Wert von i als 6. Und die nächste Zeile, die eine Warnung für i enthält, gibt denselben Wert wie die vorherige Warnung zurück, 6.

Sehen wir uns die Postfix-Methode zur Verwendung von Inkrementoperatoren an.

var i = 5;
alert(i++);
alert(i);

In diesem Codesegment haben wir einen Postfix-Inkrement-Operator, der in einer Warnung verwendet wird. Der Anfangswert der Variablen i ist 5, und der Inkrement-Operator macht es 6.

Wenn Sie jedoch den Postfix-Inkrement-Operator in einer Warnung verwenden, werden Sie feststellen, dass die Warnung wie zuvor den Wert i hat, also 5; hier ist kein Zuwachs zu erkennen.

Aber in der nächsten Zeile, in der die Warnung verwendet wird, um den Wert von i zu erhalten, wird ein neuer Wert um 1 erhöht. Der neue Wert ist also 6.

Hier erhöht die Präfix-Methode die Variable zuerst um 1 und wird dann vom Alert geholt. Im Postfix wird jedoch der Wert der Variablen i vor dem Inkrement geholt, sodass der erste Alert denselben Wert wie zuvor anzeigt.

Und sobald der erste Alert ausgeführt wird, wird der Wert der Variablen i aktualisiert und von der nächsten Alert-Nachricht abgerufen.

Eine andere Schreibweise des Inkrementoperators ist

> i = i + 1;

Diese Methode ist die gleiche wie die Präfix-Methode und wird verwendet, wenn wir die Anzahl der Inkremente ändern möchten. Schauen wir uns das folgende Beispiel an.

var i = 5;
i = i + 1
alert(i);

In diesem Beispiel wird die Variable i um 1 erhöht. Wenn also der Alarm versucht, den Wert der Variablen i abzurufen, sendet die Variable den neuen inkrementierten Wert, und der erste Alarm hat eine Ausgabe von Wert 6. Diese Methode ist dieselbe wie die Präfix-Methode, und bevor der Wert abgerufen wird, findet die Inkrementierungsoperation statt.

Postfix vs. Prefix Increment Operator in JavaScript

Im Folgenden finden Sie ein komplexes Beispiel mit verschiedenen Verwendungsmöglichkeiten der Inkrementoperatoren:

var i = 5;
var j = 10;
alert(i++);        // shows 5
alert(j++);        // shows 10
alert(++i);        // shows 7
alert(++j);        // shows 12
alert(i = i + 1);  // shows 8
alert(i);          // shows 8

Wir haben in diesem Codesegment mehrere Inkrementoperatoren verwendet, und jede Zeile hat ihre Ausgabe als Kommentar. Das Postfix-Inkrement wird in der ersten und zweiten Warnung verwendet, sodass der Wert der Variablen erhöht wird, nachdem sie von der Warnung abgerufen wurde.

In ähnlicher Weise zeigen die Alerts den Wert nach dem Inkrementieren in der dritten und vierten Alertnachricht als Präfix-Inkrementierungsoperator.

In einigen Sprachen haben Postfix und Präfix keinen Unterschied, aber in JavasScript erfüllen sie denselben Zweck, wenn Sie sich nicht um das unmittelbare Ergebnis kümmern. Wenn Sie jedoch ein JavaScript-Programm haben, das die sofortigen Ergebnisse benötigt, besteht der Unterschied zwischen Postfix und Präfix darin, dass:

Postfix (i++): gibt zuerst den Wert der Variablen i zurück und erhöht dann die Variable

Prefix(i--): Gibt den Wert der Variablen i zurück, nachdem die Variable inkrementiert wurde.

Verwandter Artikel - JavaScript Operator