Sei sulla pagina 1di 13

Estructuras de

Control
Javascript
Estructuras de control
if ... else Ejemplo
if (condicin)
{ if (time < 10) {
greeting = "Good morning";
declaraciones1;
} else if (time < 20) {
} greeting = "Good day";
else } else {
{ greeting = "Good evening";
}
declaraciones2;
}
Estructuras de control
Ejemplo
switch (new Date().getDay()) {
switch case 0:
day = "Sunday";
switch (expresin) { break;
case 1:
case valor : day = "Monday";
declaracin; break;
case 2:
break; day = "Tuesday";
break;
case valor : case 3:
declaracin; day = "Wednesday";
break;
break; case 4:
day = "Thursday";
... break;
case 5:
default : declaracin; day = "Friday";
} break;
case 6:
day = "Saturday";
}
Estructuras de control
for
for (declaracinInicial; prueba; incremento)
{
declaraciones;
}
Ejemplo
for (i=1;i<=6;i++) {
document.write("<H" + i + ">Encabezado de nivel " + i + "</H" + i + ">")
}
<H1>Encabezado de nivel 1</H1>
<H2>Encabezado de nivel 2</H2>
<H3>Encabezado de nivel 3</H3>
<H4>Encabezado de nivel 4</H4>
<H5>Encabezado de nivel 5</H5>
<H6>Encabezado de nivel 6</H6>
Estructuras de control
do ... while Ejemplo.

do var text = "";


var i = 0;
{ do {
declaraciones; text += "The number is " + i;
i++;
} }
while (i < 5);
while (condicin);
The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
Estructuras de control
while Ejemplo.
while (condicin)
while (i < 10) {
{ text += "The number is " + i;
i++;
declaraciones; }
}
Estructuras de control
break y continue funcionan para JavaScript
como en otros lenguajes.

for in Ejemplo.

for (variable in objeto) for (i = 0; i < cars.length; i++)


{
{ text += cars[i] + "<br>";
declaraciones; }

}
Estructuras de control
with
with (objeto)
{
declaraciones;
}
Ejemplo
with(document.getElementById('el').style) {
backgroundColor = '#000;
color = '#fff;
width = '200px;
padding = '20px'; }
Comentarios
Se pueden utilizar comentarios de una lnea
o de varias:
// comentario de una lnea
/* comentario que permite
escribir en varias
lneas */
Funciones
Sintaxis
function nombre(arg1,arg2,...)
{
statements;
}
Se recomienda escribir las funciones en el
encabezado HTML (<head></head>), ya que este
se carga antes del resto del documento.
Objetos
Document Object Model
Es un modelo de objetos predefinidos. Esta
jerarqua de objetos depende del navegador.
Objetos
Mtodos:
window.close();
Creacin:
miPerro = new Object();
miPerro.nombre = "Scooby Doo";
Asignacin de mtodos:
miPerro.Huir = Huir;
Objetos
Constructor:
function Perro(nombre) {
this.nombre = nombre;
}

miPerro = new Perro("Scooby Doo");

Potrebbero piacerti anche