++someVariable vs. someVariable++ en JavaScript

Question

En JavaScript, vous pouvez utiliser ++ opérateur avant ( préincrément ) ou après le nom de la variable ( post-incrément ). Quelles sont, le cas échéant, les différences entre ces manières d'incrémenter une variable ?

Answer 1

Comme dans les autres langues :

• ++x (pré-incrément) signifie "incrémenter la variable ; la valeur de l'expression est la valeur finale".
• x++ (post-incrément) signifie "se souvenir de la valeur originale, puis incrémenter la variable ; la valeur de l'expression est la valeur originale".

Maintenant, lorsqu'ils sont utilisés comme une déclaration autonome, ils signifient la même chose :

x++;
++x;

La différence vient lorsque vous utilisez la valeur de l'expression ailleurs. Par exemple :

x = 0;
y = array[x++]; // This will get array[0]

x = 0;
y = array[++x]; // This will get array[1]

Answer 2

• ++x incrémente la valeur, puis l'évalue et la stocke.

• x++ évalue la valeur, puis l'incrémente et la stocke.

  var n = 0, m = 0;

  alert(n++); / Shows 0, then stores n = 1 / alert(++m); / Shows 1, then stores m = 1 /

Notez qu'il y a de légers avantages en termes de performances à utiliser ++x lorsque cela est possible, car vous lisez la variable, la modifiez, puis l'évaluez et la stockez. Par rapport à la x++ où vous lisez la valeur, l'évaluez, la modifiez, puis la stockez.

Answer 3

Si je comprends bien, si vous les utilisez de manière autonome, ils font la même chose. Si vous essayez d'afficher leur résultat sous forme d'expression, ils peuvent être différents. Essayez alert(i++) par rapport à alert(++i) pour voir la différence. i++ évalue i avant l'addition et ++i fait l'addition avant l'évaluation.

Voir http://jsfiddle.net/xaDC4/ pour un exemple.

Answer 4

J'ai une explication pour comprendre la post-incrémentation et la pré-incrémentation. Je la mets donc ici.

Attribuons 0 à x

let x = 0;

Commençons par la post-incrémentation

console.log(x++); // Outputs 0

Pourquoi ?

Cassons le x++ expression en baisse

x = x;
x = x + 1;

La première instruction renvoie la valeur de x qui est 0

Et plus tard, lorsque vous utilisez x la variable n'importe où, alors la deuxième instruction est exécutée

La deuxième déclaration renvoie la valeur de ce x + 1 l'expression qui est (0 + 1) = 1

Gardez à l'esprit la valeur de x à cet état qui est 1

Commençons par la préincrémentation

console.log(++x); // Outputs 2

Pourquoi ?

Cassons le ++x expression en baisse

x = x + 1;
x = x;

La première déclaration renvoie la valeur de cette x + 1 l'expression qui est (1 + 1) = 2

La deuxième instruction renvoie la valeur de x qui est 2 donc x = 2 il renvoie donc 2

J'espère que cela vous aidera à comprendre ce que sont la post-incrémentation et la pré-incrémentation !

Answer 5

var a = 1;
var b = ++a;
alert('a:' + a + ';b:' + b); //a:2;b:2

var c = 1;
var d = c++;
alert('c:' + c + ';d:' + d); //c:2;d:1

jsfiddle