• & => Indica comienzo de la variable.
  • { } => La expresión jаvascript debe de ir entre llaves.
  • ; => Indica la terminación.

Estructuras de control 5z6h69


La estructuras de control del jаvascript son iguales que las de Java, o C.

  • if ... else:
if (expresión ){
                acciones;
}
else{
                acciones;
}
Ejemplo:
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Ejemplo sentencia if ... else</title>
</head>
<body>

<script type="text/jаvascript">

<!--
//definicion de variables
var pregunta = "¿Cuánto vale 10 + 10?" var respuesta_correcta = 20
var correcto = '<p>¡Correcto!</p>' var incorrecto = '<p>¡Incorrecto!</p>'
//realiza la pregunta
var respuesta_dada = prompt(pregunta, "0");
//comprueba la respuesta
if (respuesta_dada != respuesta_correcta) {
//respuesta incorrecta, segunda oportunidad
if ( confirm("¡No! Pulsa OK para reintentarlo.")) respuesta_dada = prompt(pregunta, "0")
}
//comprueba la respuesta
var salida = (respuesta_dada == respuesta_correcta) ? correcto : incorrecto
//-->

</script>

<script type="text/jаvascript">

<!--
//escribe la salida document.write(salida)
//-->

</script>

</body>
</html>
  • while:
while ( expresión ){
           acciones;
}
  • for:
for ( asignación ; expresión ; incremento ){
           acciones;
}
  • Expresión condicional:
(condición) ? valor1 : valor2;
Ejemplo:
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Ejemplo operadores</title>
</head>
<body>


<script type="text/jаvascript">

<!--
var pregunta = "¿Cuánto vale 10 + 10?" var respuesta_correcta = 20
var correcto = "<p>¡CORRECTO!</p>" var incorrecto = "<p>INCORRECTO</p>"
//realiza la pregunta
var respuesta_dada = prompt(pregunta, "0")
//comprueba la respuesta
var salida = (respuesta_dada == respuesta_correcta) ? correcto : incorrecto
//-->

</script>

<script type="text/jаvascript">

<!--
//escribe la salida document.write(salida)
//-->

</script>

</body>
</html>
  •  for ... in:
for (inicio;condición;incremento) {
       acciones;
}
  • switch:
switch (condición){
case caso1: sentencias; break; case caso2: sentencias; break;
………
case casoN: sentencias; break;
}

Se puede utilizar dentro de los bucles “break” y “continue” de la misma forma que en Java.

Break: se utiliza para hacer una salida forzada de una estructura de control, siguiendo una condición.
var i = 0;
while (i < 6) {
       if (i == 3)
            break;
       i++;
}

Operadores 3yu4f


Asignación

= x=10
+= , -= , *= , /= , ......  x+=y (x=x+y) , x-=y (x=x-y) , .....

Aritméticos

++ Incremento (puede ser preincremento o postincremento x=++a;    x=a++; )
-- Decremento (puede ser predecremento o postdecremento x=--a;    x=a--; )
- Negación ( x= - b )
% Módulo (var1 % var2 )

Lógicos

&&  AND
| | OR
NOT

Lógicos para bits

& AND
| OR
! NOT
^ XOR
~ NOT
<<   Desplazamiento a la Izquierda
<<   Desplazamiento a la derecha
>>> Desplazamiento a la derecha y mete ceros por la izquierda.

Comparación

== igual
< menor
<= menor o igual
mayor
>= mayor o igual
!= 
distinto

Ejemplos:

if (x>3)
 if (x<10) 
   doanything( );

if (x>3 && x<10) doanything( );
Operador para String

+ Concatenar cadenas    (    cad  =  cade1 + “ otra cosa “ )

Operadores especiales

new     Para crear instancias de un Objeto (Array, Boolean, Date, Function, Math, Number, y String ).
objeto = new tipoObjeto ( para1 [,para2] ...[,paraN] )
typeof      Devuelve el tipo.
void     Para expresiones que se van a evaluar si retornar ningún valor.

La ventana ALERT y4n2a


 Se trata de una ventana estándar que usamos para mostrar información el pantalla. Se puede mostrar texto, variables y texto en conjunto con variables. El diseño de la ventana ya está definido lo único que podemos hacer es mostrar la información en una o varias líneas. Su diseño y sintaxis es:
alert("¡Hola, mundo!");
Vamos a realizar nuestro primer "programa" en jаvascript. Haremos surgir una ventana que nos muestre: "hola, mundo". Así podremos ver los elementos principales del lenguaje. El siguiente código es una página Web completa con un botón que, al pulsarlo, muestra el mensaje.
<html>

<head> 
<title>Ejemplo Hola Mundo</title> 

</head> 
<body>

<script language="jаvascript" type="text/jаvascript">

function HolaMundo() { 
alert("¡Hola, mundo!");
}
</script>

<form>
<input type="button" name="Boton" value="Pulsame" onclick="HolaMundo()">
</form>

</body>
</html> 
Ver resultado...

Continuar... Atrás... Indice del curso....
Compartir

Mi nombre es Alexander fundador y CEO, y me gusta llamarme un Geek. Amo la informática, tecnología y todo lo que está relacionado con ella. Inicié este sitio con la intención de compartir conocimientos como cursos en línea, tutoriales y videotutoriales. Estoy muy entusiasmado con la información que he descubierto y compartido hasta el momento. La verdad es que lo he hecho con el mayor de los gustos. Así es, soy un Geek con una visión para compartir conocimiento. Leer mas... 6c435j