myfreax

JavaScript 逗号运算符

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

JavaScript 逗号运算符
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 循环内使用逗号运算符 , 一次更新多个变量。
  • 在不是循环的地方使用两个语句而不是逗号运算符,使代码更明确和更容易理解。

内容导航