javascript i++ vs ++i [重复]

Question

在javascript中我看到i++在很多情况下被使用，我知道它在前面的值上加了一个：

for (var i=1; i<=10; i++) {
  console.log(i);
}

但是当我这样做时会发生什么：

++i;

使用-- 运算符有什么不同（当然除了它是减法而不是加法）？

Answer 1

++variable 增加变量，返回新值。

variable++ 增加变量，但返回旧值。

--variable 递减变量，返回新值。

variable-- 递减变量，但返回旧值。

例如：

a = 5;
b = 5;
c = ++a;
d = b++;

a 是 6，b 是 6，c 是 6，d 是 5。

如果您不使用结果，则前缀运算符与后缀运算符的作用相同。

Answer 2

var i = 0;
console.log(i++); // 0
console.log(++i); // 2

Answer 3

它决定增量发生在变量值被使用之前还是之后。

var j = 2;
console.log(j++);   // 2
console.log(j);     // 3

var k = 2;
console.log(++k);   // 3
console.log(k);     // 3

Answer 4

i++ 和++i 的区别在于表达式的值。

i++ 的值是i 在增量之前的值。 ++i 的值是i 增加后的值。

例子：

var i = 42;
alert(i++); // shows 42
alert(i); // shows 43
i = 42;
alert(++i); // shows 43
alert(i); // shows 43

i-- 和 --i 运算符的工作方式相同。

Answer 5

i++ = 在语句中使用 i 的值然后将其增加 1
++i = 将 i 的值增加 1 然后在语句中使用。

Answer 6

为了完整起见，我想添加一个特定于 OP 问题的第一个问题的答案：

您的一个示例显示了在 for 循环中使用的 i++ / ++i ：

for (i=1; i<=10; i++) {
  alert(i);
}

无论您使用哪一种，您都会在提醒中获得 1-10 个。示例：

  console.log("i++");
  for (i=1; i<=10; i++) {
    console.log(i);
  }
  console.log("++i");
  for (i=1; i<=10; ++i) {
    console.log(i);
  }

将它们粘贴到控制台窗口中，您可以看到它们都有相同的输出。

Answer 7

所有这些答案都没有提到的一种情况是，当i++ 和++i 用于其他数字的操作时会发生什么。虽然整个“i++ 在之前，++i 在之后”的概念在表达式本身时很容易掌握，但当您开始组合语句时，它会变得更加混乱。请参见下面的示例 C 和 D。

// Example A
var i = 42;
var a = i++; // equivalent to `var a = i; i = i+1;`
console.log(a); // 42
console.log(i); // 43

// Example B
var i = 42;
var b = ++i; // equivalent to `i = i+1; var b = i;`
console.log(b); // 43
console.log(i); // 43

// Example C
var i = 42;
var c = i++ * 2; // equivalent to `var c = i*2; i = i+1;`
console.log(c); // 84
console.log(i); // 43

// Example D
var i = 42;
var d = ++i * 2; // equivalent to `i = i+1; var d = i*2;`
console.log(d); // 86
console.log(i); // 43

请注意，在示例 C 中，i++ 直到 乘法和分配 c 后才被计算。这反驳了“i++ 应按操作顺序首先评估”的误解。所以换句话说，i++ * 2 语句实际上计算了i * 2 之前 它增加了i。

Answer 8

++variable : 使用变量前递增变量
variable++ : 使用变量后递增变量

我认为包含一个带有 sn-p 的答案可能会很有用，以确认它们在 for 循环中的行为。

只是为了在您的浏览器中验证在 for 循环声明中使用 ++i 与 i++ 确实没有区别。

然后在我们处理的时候抛出 --i 与 i--。

console.log("-- with looping --");

console.log("using ++i in a for loop");
for (var i=1; i<=3; ++i) {
  console.log(i);
}

console.log("using i++ in a for loop");
for (var i=1; i<=3; i++) {
  console.log(i);
}

console.log("using --i in a for loop");
for (var i=3; i>=1; --i) {
  console.log(i);
}

console.log("using i-- in a for loop");
for (var i=3; i>=1; i--) {
  console.log(i);
}

console.log("-- without looping --");
var i = 1;
console.log("i: "+ i);
console.log("i++: "+ i++);
console.log("i: "+ i);
console.log("++i: "+ ++i);
console.log("i: "+ i);
console.log("--i: "+ --i);
console.log("i: "+ i);
console.log("i--: "+ i--);
console.log("i: "+ i);