Para qué sirve el operador de coma de JavaScript

Estrada Web Group
Estrada Web Group
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.
Compartir artículo:

Más artículos geniales

Cómo comprobar si un checkbox está seleccionado con jQuery y Javascript

Cómo comprobar si un checkbox está seleccionado con jQuery y Javascript

Para comprobar si un checkbox esta seleccionado hay que ver si la propiedad checked del checkbox esta presente o se encuentra en true, y esto se puede hacer utilizando los métodos .prop(), .attr() o incluso .is(selector) de jQuery.

Ver artículo completo
Declaración de variables en JavaScript con let

Declaración de variables en JavaScript con let

Resumen: en este tutorial, aprenderás a usar la palabra clave let de JavaScript para declarar variables de ámbito de bloque.

Ver artículo completo
Introducción a las funciones de flecha de JavaScript

Introducción a las funciones de flecha de JavaScript

Resumen: en este tutorial, aprenderás a usar la función de flecha de JavaScript para escribir código más concreto para expresiones de funciones.

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla