Javascript
Javascript
Javascript
TIPOS DE DATOS
(PRIMITIVOS)-"memoria ram stack"
-number -string -boolean -undefined -null
(DE REFERENCIA)"memoriaram heap"
-array -object -funtions -clases
En los datos de tipos de referencias lo que se guarda es la dirección donde
están guardados los datos.
Declaration
-let -const – function -async function* -class -export/import
Statement
-it -for – else -switch -etc
Expression
Cualquier linea de codigo o porción de código que evalue en un valor.
Ejemplos: 4+6=10, x+4, mifuncion()
Si javascript te permite hacer un console.log(); a una operación es una
expresión.
OPERADORES
Nos sirven para crear las expresiones que nos permitirán crear algoritmos con
los cuales podremos resolver problemas.
Operadors
-aritmeticos -asignacion -comparacion – lógicos -bitwise
CONTROL DE FUJO
LOOPS
While
Do while
For
For in
For ot
BUCLE E ITERACION
Los bucles ofrecen una forma rápida y sencilla de hacer algo repetidamente.
Este capítulo de la Guía de JavaScript presenta las diferentes declaraciones de
iteración disponibles para JavaScript.
Puedes pensar en un bucle como una versión computarizada del juego en la
que le dices a alguien que dé X pasos en una dirección y luego Y pasos en
otra. Por ejemplo, la idea "Ve cinco pasos hacia el este" se podría expresar de
esta manera como un bucle:
Declaración for
Declaración do...while
Declaración while
Declaración labeled
Declaración break
Declaración continue
Declaración for...in
Declaración for...of
Declaración for
Un ciclo for se repite hasta que una condición especificada se evalúe como
false. El bucle for de JavaScript es similar al bucle for de Java y C.
HTML
<form name="selectForm">
<p>
<label for="musicTypes"
>Elija algunos tipos de música, luego haga clic en el botón de
abajo:</label
>
<select id="musicTypes" name="musicTypes" multiple="multiple">
<option selected="selected">R&B</option>
<option>Jazz</option>
<option>Blues</option>
<option>New Age</option>
<option>Classical</option>
<option>Opera</option>
</select>
</p>
<p><input id="btn" type="button" value="¿Cuántos están seleccionados?" /></p>
</form>
<script>
function howMany(selectObject) {
let numberSelected = 0;
for (let i = 0; i < selectObject.options.length; i++) {
if (selectObject.options[i].selected) {
numberSelected++;
}
}
return numberSelected;
}
while (condición)
expresión
Si la condición se vuelve false, la instrucción dentro del bucle se deja de
ejecutar y el control pasa a la instrucción que sigue al bucle.
Para ejecutar varias instrucciones, usa una declaración de bloque ({ ... }) para
agrupar esas declaraciones.
Ejemplo 1
El siguiente ciclo del while se repite siempre que n sea menor que 3:
let n = 0;
let x = 0;
while (n < 3) {
n++;
x += n;
}
Con cada iteración, el bucle incrementa n y agrega ese valor a x. Por lo tanto,
x y n toman los siguientes valores:
Después de la primera pasada: n = 1 y x = 1
Después de la segunda pasada: n = 2 y x = 3
Después de la tercera pasada: n = 3 y x = 6
Después de completar la tercera pasada, la condición n < 3 ya no es true, por
lo que el bucle termina.Ejemplo 2
Ejemplo
En el siguiente ejemplo, el bucle do itera al menos una vez y se repite hasta
que i ya no sea menor que 5.
Ejemplo
En este ejemplo, la etiqueta markLoop identifica un bucle while.
Declaración break
Usa la instrucción break para terminar un bucle, switch o junto con una
declaración etiquetada.
Cuando usas break sin una etiqueta, inmediatamente termina el while, do-
while, for o switch y transfiere el control a la siguiente declaración.
Cuando usas break con una etiqueta, termina la declaración etiquetada
especificada.
La sintaxis de la instrucción break se ve así:
break;
break [label];
La primera forma de la sintaxis termina el bucle envolvente más interno o el
switch.
La segunda forma de la sintaxis termina la instrucción etiquetada específica.
Ejemplo 1
El siguiente ejemplo recorre en iteración los elementos de un arreglo hasta
que encuentra el índice de un elemento cuyo valor es theValue:
for (let i = 0; i < a.length; i++) {
if (a[i] === theValue) {
break;
}
}
let x = 0;
let z = 0;
labelCancelLoops: while (true) {
console.log("Bucles externos: " + x);
x += 1;
z = 1;
while (true) {
console.log("Bucles internos: " + z);
z += 1;
if (z === 10 && x === 10) {
break labelCancelLoops;
} else if (z === 10) {
break;
}
}
}
DECLARACION CONTINUE
La instrucción continue se puede usar para reiniciar un while, do-while, for, o
declaración label.
Cuando utilizas continue sin una etiqueta, finaliza la iteración actual del
while, do-while o for y continúa la ejecución del bucle con la siguiente
iteración. A diferencia de la instrucción break, continue no termina la
ejecución del bucle por completo. En un bucle while, vuelve a la condición. En
un bucle for, salta a la expresión-incremento.
Cuando usas continue con una etiqueta, se aplica a la declaración de bucle
identificada con esa etiqueta.
La sintaxis de la instrucción continue se parece a la siguiente:
continue [label];
Ejemplo 1
El siguiente ejemplo muestra un bucle while con una instrucción continue
que se ejecuta cuando el valor de i es 3. n toma los valores 1, 3, 7 y 12.
let i = 0;
let n = 0;
while (i < 5) {
i++;
if (i === 3) {
continue;
}
n += i;
console.log(n);
}
//1,3,7,12
let i = 0;
let n = 0;
while (i < 5) {
i++;
if (i === 3) {
// continue;
}
n += i;
console.log(n);
}
// 1,3,6,10,15
Ejemplo 2
Una declaración etiquetada checkiandj contiene una declaración etiquetada
checkj. Si se encuentra continue, el programa termina la iteración actual de
checkj y comienza la siguiente iteración. Cada vez que se encuentra continue,
checkj reitera hasta que su condición devuelve false. Cuando se devuelve
false, el resto de la instrucción checkiandj se completa y checkiandj reitera
hasta que su condición devuelve false. Cuando se devuelve false, el programa
continúa en la declaración que sigue a checkiandj.
Ejemplo
La siguiente función toma como argumento un objeto y el nombre del objeto.
Luego itera sobre todas las propiedades del objeto y devuelve una cadena
que enumera los nombres de las propiedades y sus valores.
function dump_props(obj, obj_name) {
let result = "";
for (let i in obj) {
result += obj_name + "." + i + " = " + obj[i] + "<br>";
}
result += "<hr>";
return result;
}
Para un objeto car con propiedades make y model, result sería:
car.make = Ford;
car.model = Mustang;
Arrays
Aunque puede ser tentador usar esto como una forma de iterar sobre los
elementos Array, la instrucción for...in devolverá el nombre de sus
propiedades definidas por el usuario además de los índices numéricos.
Por lo tanto, es mejor usar un bucle for tradicional con un índice numérico
cuando se itera sobre arreglos, porque la instrucción for...in itera sobre las
propiedades definidas por el usuario además de los elementos del arreglo, si
modificas el objeto Array (tal como agregar propiedades o métodos
personalizados).
DECLARACION FOR OF
La declaración for...of crea un bucle que se repite sobre objetos iterables
(incluidos Array, Map, Set, objetos arguments y así sucesivamente),
invocando un bucle de iteración personalizado con declaraciones que se
ejecutarán para el valor de cada distinta propiedad.
for (variable of objeto)
expresión
Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies: