Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de Javascript

Javascript: lenguaje interactivo para dinamizar la web.


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 166

Visitas el mes pasado: 292

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de Javascript
Desarrollo Web, por Miguel Angel Álvarez
Libros Web: introducción a Javascript
Libros web, por Javier Eguíluz Pérez
Curso de Javascript: Programación Web
www.programacionweb.net
WebEstilo: JavaScript
www.webestilo.com
W3 schools; Javascript Tutorial
www.w3schools.com
Manual de Javascript: José Antonio Rodríguez.
Jose Antonio Rodriguez: manual en PDF

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.


3. Operadores numéricos (II)

3.2 Operadores de incremento

javascript

aumentar o disminuir una unidad

Los operadores de incremento aumentan o disminuyen en una unidad el numero al que se le aplica. Estos operadores debemos aplicarlos siempre a una variable cuyo valor sea un número entero.

Para aumentar en una unidad se usa la expresión ++. Ejemplo:

var num1 = 5; ++num1//ahora num1 es igual a 6

Para disminuir en una unidad se usa la expresión --. Ejemplo:

var num2 = 8; --num2//ahora num2 es igual a 7


Posición del operador

Los operadores de incremento pueden ponerse delante o detrás de la variable a la que afectan, sin embargo su comportamiento es diferente si están delante o detrás cuando forman parte de otro grupo de operaciones.

Si están delante del numero, este se incrementa antes de realizar las operaciones, por lo que se estará operando con el resultado nuevo de este número; sin embargo si están detrás el número no se incrementa hasta haber realizado el resto de operaciones, con lo que se estará operando con el valor antiguo:

Ejemplo 1: el incremento va delante del número

var num1 = 4; var num2 = 3;
var delante = ++num1 * num2;

primero se hace el incremento, ++num1, num1 es igual a 5; despues se calcula el valor de delante el cual será igual a num1*num2: 5*3 = 15

Ejemplo 2: el incremento va detrás del número

var num1 = 4; var num2 = 3;
var detras = num1++ * num2;

primero se se calcula el valor de detras el cual será igual a num1*num2: 4*3 = 12; después se hace el incremento, num1++, num1 es igual a 5;

En ambos casos el número se incrementa en una unidad, sin embargo el resultado de las operaciones no es el mismo, ya que si el incremento va delante, las operaciones se efectuan con el número ya incrementado, y si va detrás el número no se incrementa hasta haber terminado las operaciones.


Ejemplo de operadores de incremento en una página

Si retomamos la página de ejemplo del punto anterior (operadores clásicos), podemos añadirle un código con scripts donde se apliquen los operadores de incremento.

La página es la del siguiente enlace:

Operadores numericos 1.


a esta página le añadiremos un div en el cual pondremos el script para ver los operadores de incemento. (en azul el codigo antiguo, gran parte del cual lo hemos sustituido por puntos suspensivos, por estar ya escrito en el punto anterior.)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
.....
<body>
.....
</div>
<div>
<h2>Operadores de incremento</h2>
<script type="text/javascript">
var inicio1 = a
document.write("numeros de los que partimos: " + a + ", " + b + "<br/>") 
aumentar = ++a * b
document.write ("incremento tipo ++a del primero por el segundo: ++" + inicio1 + " * " + b + " = " + aumentar +  "<br/>") 
a = inicio1
aumentar = a++ * b
document.write ("incremento tipo a++ del primero por el segundo: " + inicio1 "++ * " + b + " = " + aumentar +  "<br/>")
document.write ("ahora el valor del primero es " + a + "<br/><br/>") 
a = inicio1

disminuir = --a * b
document.write ("decremento tipo --a del primero por el segundo: --" + inicio1 + " * " + b + " = " + disminuir +  "<br/>") 
a = inicio1
disminuir = a-- * b
document.write ("decremento tipo a-- del primero por el segundo: " + inicio1 + "-- * " + b + " = " + disminuir +  "<br/>")
document.write ("ahora el valor del primero es " + a + "<br/><br/>"); 
a = inicio1;
</script>
</div>
</body>
</html>

La página después de añadirle el código anterior se verá como en el siguiente enlace:

Operadores numericos 2.


Veamos como hemos añadido este script a la página:

En primer lugar hemos añadido un nuevo div a la página, y le hemos puesto un título.

Creamos el script, en el cual lo primero que hacemos es guardar el valor del primer número en otra variable para conservar el valor original, ya que al aplicarle el operador de incremento el valor del mismo cambia: var inicio = a

Mediante la instrucción document.write damos la información de los números con los que vamos a operar: (numeros de los que partimos ... )

En una variable guardamos el resultado de aumentar el primer número mediante el operador de incremento (++) y lo multipicamos por el segundo (aumentar = ++a * b)

Mediante la instrucción document.write escribimos las operaciones que hemos hecho y el resultado, definiendo las variables y el texto para ello necesario.

Volvemos a dar al primer número su valor inicial, el cual lo teníamos guardado en la variable inicio1 (a = inicio1)

Repetimos las tres últimas instrucciones pero con el operador de incremento detrás del número al que afecta. si bien hemos añadido otra instrucción del tipo document.write para mostrar que después de la operación, el número se ha incrementado.

Estos mismos pasos se siguen con el operador de decremento (--), repitiendo las instrucciones, pero con este operador, para mostrar cómo funciona.




En la siguiente página se verán otros operadores de asignación.

Operadores de asignación







manual de Javascript

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com