Para qué sirve el operador de coma de JavaScript

Resumen: en este tutorial, aprenderás sobre el operador de coma de JavaScript y para qué puedes usarlo.

Introducción al operador de coma de JavaScript

JavaScript usa una coma (,) para representar el operador de coma. Un operador de coma toma dos expresiones, las evalúa de izquierda a derecha y devuelve el valor de la expresión correcta.

Esta es la sintaxis del operador coma:

leftExpression, rightExpression

Por ejemplo:

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

Resultado:

30

En este ejemplo, 10, 10+20 devuelve el valor de la expresión correcta, que es 10+20. Por lo tanto, el valor del resultado es 30.

Observa el siguiente ejemplo:

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

console.log(x, z);

Resultado

11 12

En este ejemplo, aumentamos el valor de x en uno (x++), sumamos uno a x (x+1) y asignamos x a z. Por lo tanto, x es 11 y z es 12 después del enunciado, esta un poco enredado pero espero que lo hallas comprendido, de lo contrario no te preocupes, a continuación vemos el mismo ejemplo.

Sin embargo, para que el código sea más explícito, puedes usar dos declaraciones en lugar de una declaración con un operador de coma como este:

let x = 10;
x++;
let z = x + 1;

console.log(x, z);

Este código es más explícito y sencillo de comprender.

En la práctica, es posible que desees utilizar el operador de coma dentro de un ciclo for para actualizar varias variables cada vez que se ejecuta el ciclo.

El siguiente ejemplo usa el operador coma en un bucle for para mostrar una matriz de nueve elementos como una matriz de 3 filas y tres columnas:
 

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 = '';
  }
}

Resultado:

1 2 3
4 5 6
7 8 9

Resumen

• Un operador de coma toma dos expresiones y las evalúa de izquierda a derecha y devuelve el valor de la expresión correcta.
• Puedes utilizar el operador de coma (,) dentro de un bucle for para actualizar múltiples variables a la vez.
• Usa dos declaraciones en lugar del operador de coma en otro lugar para que el código sea más explícito y fácil de entender.