increment - ++someVariable vs. someVariable++ in JavaScript - Stack Overflow

admin管理员组

文章数量:1129623

In JavaScript you can use ++ operator before (pre-increment) or after the variable name (post-increment). What, if any, are the differences between these ways of incrementing a variable?

In JavaScript you can use ++ operator before (pre-increment) or after the variable name (post-increment). What, if any, are the differences between these ways of incrementing a variable?

• javascript
• increment
• post-increment
• pre-increment
• unary-operator

Share Improve this question Follow edited Feb 28, 2024 at 15:04 VLAZ 28.8k99 gold badges6262 silver badges8282 bronze badges asked Aug 12, 2010 at 16:30 Derek AdairDerek Adair 21.9k3131 gold badges101101 silver badges134134 bronze badges 5

• 1 See also the language-agnostic Difference between i++ and ++i in a loop? – Bergi Commented Oct 11, 2016 at 18:58
• I was thinking about this yesterday reading this response to the question about bad assumptions in C/C++. In all cases, can we guarantee that Javascript behaves this way? Or do you think it's bad practice to use the increment statement within a more complex statement at all? – palswim Commented Oct 30, 2019 at 21:00
• The previous comment is actually a copy of an answer (a non-answer, rather) I posted in 2010. I have deleted the answer, but Jon Skeet had replied with: "Looking at ECMA-262, it seems reasonably well-specified." – palswim Commented Oct 30, 2019 at 21:02
• @palswim It's better to use them as standalone statements, and not within a more complex statement. Keeping it by itself improves readability and reduces confusion – shieldgenerator7 Commented May 3, 2022 at 22:47
• 1 This SO page makes things extremely unnecessarily complicated. i++ returns the value of i and increment it by one, ++i increment i by one and returns the incremented value. If i has 5, i++ will return 5 but then i will have 6, and ++i will return 6 and i will have 6. – Yuval A. Commented Dec 19, 2023 at 19:50

Add a comment  | 

7 Answers 7

Sorted by: Reset to default 374

Same as in other languages:

• ++x (pre-increment) means "increment the variable; the value of the expression is the final value"
• x++ (post-increment) means "remember the original value, then increment the variable; the value of the expression is the original value"

Now when used as a standalone statement, they mean the same thing:

x++;
++x;

The difference comes when you use the value of the expression elsewhere. For example:

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

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

• ++x increments the value, then evaluates and stores it.
• x++ evaluates the value, then increments and stores it.

var n = 0, m = 0;

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

Note that there are slight performance benefits to using ++x where possible, because you read the variable, modify it, then evaluate and store it. Versus the x++ operator where you read the value, evaluate it, modify it, then store it.

As I understand them if you use them standalone they do the same thing. If you try to output the result of them as an expression then they may differ. Try alert(i++) as compared to alert(++i) to see the difference. i++ evaluates to i before the addition and ++i does the addition before evaluating.

See http://jsfiddle.net/xaDC4/ for an example.

I've an explanation of understanding post-increment and pre-increment. So I'm putting it here.

Lets assign 0 to x

let x = 0;

Lets start with post-increment

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

Why?

Lets break the x++ expression down

x = x;
x = x + 1;

First statement returns the value of x which is 0

And later when you use x variable anywhere, then the second statement is executed

Second statement returns the value of this x + 1 expression which is (0 + 1) = 1

Keep in mind the value of x at this state which is 1

Now lets start with pre-increment

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

Why?

Lets break the ++x expression down

x = x + 1;
x = x;

First statement returns the value of this x + 1 expression which is (1 + 1) = 2

Second statement returns the value of x which is 2 so x = 2 thus it returns 2

Hope this would help you understand what post-increment and pre-increment are!

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

var x = 0, y = 0;

//post-increment: i++ returns value then adds one to it
console.log('x++ will log: ', x++); //0
console.log('x after x++ : ', x);    //1

//pre-increment: adds one to the value, then returns it
console.log('++y will log: ', ++y); //1
console.log('y after ++y : ', y);   //1

It is clearer and faster to use ++i if possible :

• ++i guarantees that you are using a value of i that will remains the same unless you change i
• i++ allows to use a value of i which will change in the "near future", it is not desirable if possible

Of course, it's not really much faster, only a little.

本文标签： incrementsomeVariable vs someVariable in JavaScriptStack Overflow