JavaScript 逗号运算符

在本教程中，您将了解 JavaScript 逗号运算符及其用法。

JavaScript 逗号运算符简介

JavaScript 使用逗号 , 来表示逗号运算符。逗号运算符接受两个表达式，从左到右计算它们，并返回右侧表达式的值。

下面是逗号运算符的语法：

leftExpression, rightExpression

例如：

let result = (10, 10 + 20);
console.log(result);

输出：

30

在此示例中，10, 10+20 返回正确表达式的值，即 10+20。因此，结果值为 30。

请阅读以下示例：

let x = 10;
let y = (x++, x + 1);

console.log(x, y);

输出：

11 12

在此示例中，我们将 x 的值增加一  (x++)，再将一加到 x (x+1) 然后将 x 分配给 y。 因此，语句后 x 为 11，y 为 12。

但是，为了使代码更明确，您可以使用两个语句而不是一个带有逗号运算符的语句，如下所示：

let x = 10;
x++;
let y = x + 1;

console.log(x, y);

这段代码更明确。实际上，您可能希望在 for 循环内使用逗号运算符，使用循环来更新多个变量。

以下示例，在 for 循环中使用逗号运算符将一个包含九个元素的数组显示为一个 3 行 3 列的矩阵：

let board = [1, 2, 3, 4, 5, 6, 7, 8, 9];

let s = '';
for (let i = 0, j = 1; i < board.length; i++, j++) {
  s += board[i] + ' ';
  if (j % 3 == 0) {
    console.log(s);
    s = '';
  }
}

输出：

1 2 3
4 5 6
7 8 9

结论

• 逗号运算符接受两个表达式并从左到右计算它们，最后返回右侧表达式的值。
• 在 for 循环内使用逗号运算符 , 一次更新多个变量。
• 在不是循环的地方使用两个语句而不是逗号运算符，使代码更明确和更容易理解。