Curso desde cero de JavaScript Capítulo 4 - Operadores II - Incremento, decremento, idéntico que y diferente que
En el capítulo anterior vimos los operadores básicos de suma, resta, multiplicación y división. En este toca ver los operadores de incremento y decremento.
Utilizaré algo nuevo en este tutorial, "document.write". Sirve para mostrar en el <body> la información que se le dé como parámetro. También funciona si lo pones en el <head>, se imprime en el navegador como si estuviera en el <body>.
Operadores de incremento - decremento en JavaScript
Operador | Descripción | Sintaxis |
---|---|---|
+=
|
Incrementa en un determinado número el valor de una variable
|
Variable+=5
|
-=
|
Decrementa en un determinado número el valor de una variable
|
Variable-=8
|
*=
|
Multiplica en un determinado número el valor de una variable
|
variable*=16
|
/=
|
Divide en un determinado número el valor de una variable
|
variable/=7
|
++
|
Incrementa en uno el valor de una variable
|
variable++
|
--
|
Decrementa en uno el valor de una variable
|
variable--
|
Operadores idéntico y diferente que en JavaScript
Operador | Descripción | Sintaxis |
---|---|---|
==
|
Igual que
|
Variable==5
|
===
|
Igual que estricto
|
Variable1===Variable2
|
!==
|
Diferente que estricto
|
Variable1!==Variable2
|
!=
|
Diferente que
|
Variable!=8
|
>
|
Mayor que
|
Variable>5
|
<
|
Menor que
|
Variable1<Variable2
|
>=
|
Mayor o igual que
|
Variable1>=Variable2
|
<=
|
Menor o igual que
|
Variable<=8
|
Ejemplos prácticos de incremento - decremento en JavaScript
Operador +=
<script> var numero = 17; document.write(numero+=10); </script>
Resultado
Operador -=
<script> var numero = 17; document.write(numero-=10); </script>
Resultado
Operador *=
<script> var numero = 17; document.write(numero*=10); </script>
Resultado
Operador /=
<script> var numero = 17; document.write(numero/=10); </script>
Resultado
Operador ++
<script> var numero = 17; numero++ document.write(numero++ + "<br>"); document.write(numero); </script>
Resultado
Operador --
<script> var numero = 17; numero++ document.write(numero-- + "<br>"); document.write(numero); </script>
Resultado
¿Entiendes el código de los operadores "++" y "--"?
Por si no lo ves claro, te lo explico.
La variable "numero" se incrementa o decrementa en 1, según si utilizamos "++" o "--".
Con el primer "document.write" se vuelve a incrementar o decrementar, pero el segundo aumento o disminución se hace a partir del segundo "document.write". Esto se debe al flujo de ejecución de JavaScript.
Debes sabes, que utilizo la etiqueta HTML "<br>" para hacer un salto de línea. Debe ir entre comillas dobles "" o simples ''.
Por si aún así no te queda claro, mira un ejemplo práctico para que veas como funciona el flujo de ejecución de JavaScript:
<script> var numero = 17; //numero vale 17. numero++ //numero vale 18. document.write(numero++ + "<br>"); //numero vale 19 pero el document.write se ejecutó antes del numero++ y se muestra su valor antiguo. document.write(numero); //numero vale 19 y se muestra el 19. </script>
0 comentarios:
Publicar un comentario
Si te a gustado o necesitas ayuda, tus comentarios son agradecidos :D