¿Conoces los operadores de asignación compuestos en JavaScript? Al igual que los lenguajes de la vida común, los lenguajes de programación se componen de distintos elementos que crean su sintaxis. Estos elementos tienen significados que le dan orden al lenguaje, permitiéndonos usarlo para comunicarnos con nuestra máquina. Los operadores forman parte de esta sintaxis y por eso, en este post, te enseñaremos qué son los operadores de asignación compuestos en JavaScript y para qué sirven.
¿Qué es un operador?
En JavaScript, existen dos tipos de operaciones: las operaciones aritméticas y las operaciones booleanas. Una operación, así como lo hemos visto en las matemáticas del colegio, se compone de elementos y operadores. Los operadores son aquellos símbolos que definen qué sucede con los elementos, ya sea que se sumen, se dividan, se igualen, se comparen, etc. Entonces, al igual que existen dos tipos de operaciones, existen dos tipos de operadores: los operadores aritméticos y los operadores booleanos.
Además de los dos tipos de operadores mencionados, existe el operador de asignación básico, representado por el símbolo de igual (=). Este símbolo es uno de los operadores más comunes en JavaScript, pues con él definimos el valor de nuestras variables. El operador de asignación nos permite igualar un valor (el operador de la izquierda) a otro valor (el operador de la derecha).
¿Qué son los operadores de asignación compuestos en JavaScript?
Los operadores de asignación compuestos en JavaScript son un tipo de operador que, como su nombre indica, une el operador de asignación con otro operador. Es decir, son una forma de abreviar dos operaciones. Esto se da uniendo el símbolo de igual con el símbolo que define la otra operación, que puede ser de tipo aritmética o booleana.
Ten presente que los operadores de asignación compuestos en JavaScript siempre se escriben con el operador de asignación al final. (+=, *=, ||=)
Los operadores de asignación compuestos en JavaScript se utilizan para abreviar dos operaciones que comparten variables, no se pueden usar para dos operaciones completamente distintas. Esto es porque la abreviación no solo se da en la unión de los símbolos, sino también en la eliminación de la variable repetida. Por ello, utilizar operadores de asignación compuestos en JavaScript nos ayuda a simplificar las líneas de código de nuestro proyecto.
A continuación, te explicamos cómo funcionan dos de los operadores de asignación compuestos en JavaScript para que comprendas mejor su propósito:
Asignación de adición
El operador asignación de adición nos permite unir la operación de asignación con la operación de suma. Por tanto, lo que normalmente se escribiría como x = x + y, pasa a ser x += y.
Asignación OR lógico
El operador asignación OR lógico nos permite abreviar la operación de asignación con la operación booleana or, representada por el símbolo ||. Entonces, lo que se escribiría x || (x = y), ahora se puede escribir x ||= y.
Si quieres conocer más sobre todos los operadores de asignación compuestos en JavaScript, te invitamos a leer el post sobre expresiones y operadores en JavaScript de Mozilla Developer Network.
¿Cómo funcionan los operadores de asignación compuestos en JavaScript?
Para llevar esta teoría abstracta a la cotidianidad de un proyecto de programación, te ponemos un ejemplo. Supongamos que estamos usando el condicional if para programar el resultado de un partido de fútbol. Entonces, hemos definido que, si los goles hechos por el equipo local home son mayores a los hechos por el equipo visitante away, el equipo local debe obtener puntos por haber ganado.
Para ejecutar esta acción, debemos sumar los puntos de ganar un partido a los puntos actuales del equipo local. Además, para actualizar los puntos del equipo local totales debemos igualar este resultado a esta variable.
Para ello, podríamos ejecutar la acción escribiendo las siguientes líneas de código, donde igualamos los puntos del equipo local actuales a la suma de los puntos del equipo local con los puntos por ganar el partido:
if (result.homeGoals > result.awayGoals) {
homeTeam.pointsPerWin = homeTeam.PointsPerWin + this.config.pointsPerWin
}
Estas líneas de código se ven complejas. Para simplificarlas, podemos utilizar uno de los operadores de asignación compuestos en JavaScript. Ya que la operación es una suma, usaremos el operador asignación de adición. Lo que haremos es simple: eliminar la variable que se repite (homeTeam.PointsPerWin) y unir los operadores.
if (result.homeGoals > result.awayGoals) {
homeTeam.pointsPerWin += this.config.pointsPerWin
}
Con este operador, lo que estamos haciendo es decirle a la variable homeTeam.pointPerWin que se sume el valor de this.config.pointsPerWin y guarde este resultado como su nuevo valor.
¿Quieres seguir aprendiendo?
Ahora que sabes qué son y cómo funcionan los operadores de asignación compuestos en JavaScript, estamos seguros de que quieres seguir aprendiendo sobre este lenguaje de programación. Para ello, te recomendamos empezar a formar parte de nuestro Desarrollo Web Full Stack Bootcamp, donde aprenderás a dominar lenguajes como JavaScript, CSS y HTML. ¡Inscríbete ahora para convertirte en un experto en desarrollo web en pocos meses!
