Noticias Raspberry Pi

Operadores de asignación de JavaScript

En este tutorial, le mostraremos cómo usar operadores de asignación en JavaScript.

Los operadores de asignación le permiten asignar fácilmente un nuevo valor a una variable. Toman el operando izquierdo y le asignan el operando derecho.

JavaScript también tiene operadores de asignación que le permiten realizar operaciones aritméticas durante la asignación. Estos son súper útiles y le permiten escribir código más limpio y condensado.

Comencemos esta guía mostrando los diferentes operadores de asignación admitidos por JavaScript en su código.

Usando la tabla a continuación, puede ver cada operador de asignación y lo que hace. También puede usarlo para ver el código equivalente al uso del operador de asignación.

Ejemplo de uso de operadores de asignación en JavaScript

En las siguientes secciones, exploramos cómo usa cada operador de asignación en JavaScript.

Además de mostrarle cómo usarlos en su código, también explicamos qué hacen. Si es nuevo en JavaScript, vale la pena intentar recordar cómo funciona cada uno de estos.

Operador de asignación en JavaScript (=)

El operador de asignación es uno de los más fáciles de entender en JavaScript. Todo lo que hace este operador es asignar el valor de la derecha a la variable del lado izquierdo del operador.

Para el siguiente ejemplo, comenzaremos definiendo una variable llamada «x» y asignándole el valor 15.

Luego usaremos el operador de asignación nuevamente para cambiar el valor de esta variable a 10. El valor final de «x» se guarda en la consola.

Dado que el último valor que asignamos a «x» fue 10, este es el resultado que obtendrá del código anterior.

Operador de asignación adicional (+=)

JavaScript tiene una variedad de operadores que le permiten modificar un valor durante la asignación. Este operador le permite aumentar el operando izquierdo agregando el operando derecho.

En este ejemplo, comenzaremos declarando una variable con el nombre «x» y asignándole el valor 10.

Luego usamos el operador de asignación de suma de JavaScript (+=) para aumentar el valor de nuestra variable «x» en 11.

A continuación puede ver cómo este operador aumentó el valor de nuestra variable «x». La ventaja más significativa de este operador es que es mucho más limpio de escribir que «x = x + 10;».

Operador de asignación de resta en JavaScript (-=)

El operador de asignación de resta (-=) disminuye la variable de la izquierda por el valor de la derecha. La mayor ventaja de este operador es que le permite escribir un código más limpio.

Para introducir este operador en JavaScript, comenzaremos este ejemplo declarando una variable llamada «x» con el valor 21.

Luego usamos el operador de asignación de resta para restar «16» del valor de nuestra variable «x».

El valor actualizado de la variable «x» se guarda en la consola.

A partir del código anterior, terminará con el siguiente resultado. Con este resultado, puedes ver cómo se restó el valor de «x» de 16, y JavaScript asignó el resultado a la variable «x».

Operador de asignación de multiplicación (*=)

El operador de asignación de multiplicación en JavaScript le permite multiplicar el valor de una variable y asignarle el resultado.

Para usar este operador, especifica su variable, seguido del operador (*=), seguido de la cantidad por la que desea multiplicar el número.

Para ilustrar esto, comenzaremos el script de ejemplo definiendo una variable llamada «x» y asignándole el valor «5».

Luego usamos el operador de asignación de multiplicación para multiplicar nuestra variable «x» por 2.

Después de ejecutar el código de muestra, debería terminar con el siguiente resultado. Con esto, puedes ver como este operador multiplicó nuestra variable «x» por 2 y le asignó el nuevo valor.

Operador de asignación de exponenciación en JavaScript (**=)

El operador de asignación de exponenciación (**=) le permite aumentar el valor de su variable por el operando de la derecha, y el valor resultante se reasigna a la variable.

Con el siguiente ejemplo, comenzamos definiendo una variable llamada «x» y asignándole el valor de 10.

Luego usamos este operador para aumentar el valor de nuestras variables «x» en 3 y reasignar el valor a «x». Finalmente, el valor de la variable «x» se registra en la consola mediante la función «console.log()».

Después de elevar 10 a la potencia de 3, deberías terminar con el siguiente valor almacenado en la variable «x».

Operador de asignación de división (/=)

Para dividir una variable por otro valor y volver a asignar ese resultado a la variable, puede utilizar el operador de asignación de división (/=).

El operador de asignación de división en JavaScript se escribe con un símbolo de barra inclinada (/) seguido del símbolo igual (=).

Escribamos un ejemplo rápido en JavaScript para mostrarle cómo funciona. Empezamos declarando una variable (x) y asignándole el valor 1000.

En la siguiente línea, dividimos nuestra variable «x» por 100, asignando el resultado directamente a la variable «x».

Una vez que se ejecuta el ejemplo anterior, obtendrá el resultado a continuación. Esto muestra que nuestra variable «x» recibió el resultado de 1000 dividido por 100.

Operador de asignación de módulo en JavaScript (%=)

El último operador que observamos es el operador de asignación de módulo (%=). Este operador permite que JavaScript obtenga el resto de una operación de división (Módulo).

En este caso, la variable de la izquierda se divide por el operando de la derecha. El resto de esta división se reasigna a la variable de la izquierda.

Para presentar el operador de asignación de módulos, escribiremos un breve ejemplo. Este ejemplo comienza declarando la variable «x» y asignándole el valor 10.

Luego usamos la asignación de módulo de JavaScript para dividir el resto de x entre JavaScript asignará el resultado de esta operación aritmética a la variable «x».

Ejecutando este ejemplo, verás como a la variable «x» se le asigna el valor de 10 módulo 8 (2).

Conclusión

En este tutorial, repasamos y explicamos cómo funciona cada uno de los operadores de asignación en JavaScript. Estos son una parte fundamental del lenguaje JavaScript.

Comente a continuación si tiene alguna pregunta sobre cómo funcionan los operadores de asignación.

También asegúrese de consultar nuestros muchos otros tutoriales de JavaScript. Alternativamente, tenemos una gran cantidad de otras guías de programación si desea aprender un nuevo idioma.

Actualizaciones semanales directamente a su bandeja de entrada

¡Reciba nuestros proyectos de Raspberry Pi, tutoriales de codificación, guías de Linux y más!

Suscribir

También puede gustarte...