Semana 4 Javascript Estructura de Datos y ciclo FOR
0 recomendaciones394 vistas
El documento explica las estructuras de datos fundamentales en JavaScript como arrays, funciones, bucles (for, while, do-while) y objetos. Define arrays como listas cuyos elementos se pueden acceder por índice y mutar. Explica que las funciones toman entrada y devuelven salida. Describe el uso de bucles for, while y do-while para repetir instrucciones. Finalmente, define objetos como colecciones de propiedades y métodos accesibles a través de claves.
![5
• Los arrays son objetos similares a una
lista cuyo prototipo proporciona métodos
para efectuar operaciones de recorrido y
de mutación. Tanto la longitud como el
tipo de los elementos de un array son
variables. Dado que la longitud de un
array puede cambiar en cualquier
momento, y los datos se pueden
almacenar en ubicaciones no contiguas,
no hay garantía de que los arrays de
JavaScript sean densos; esto depende de
cómo el programador elija usarlos.
ARRAY JS
var frutas = ["Manzana", "Plátano", "Cereza", "Fresas"];
console.log(frutas);
console.log(frutas.length) //longitud
console.log(frutas[n]); //index
//Mutar o alterar Array
var masFrutas = frutas.push("Uvas") //añadir
elementos al final del array
var ultimo = frutas.pop()//Eliminar var nuevaLongitud
= frutas.unshift("Uvas");//añadir elemento al inicio del
array
var borrarFruta = frutas.shift("Uvas");//Borrar
var posicion = frutas.indexOf("Cereza");//Devuelve el
index o posicion del elemento](https://image.slidesharecdn.com/semana4-javascriptestructuradedatosyciclofor-210921001350/85/Semana-4-Javascript-Estructura-de-Datos-y-ciclo-FOR-5-320.jpg)
![7
• El bucle FOR se utiliza para repetir una o
más instrucciones un determinado
número de veces. El bucle FOR tiene tres
partes incluidas entre los paréntesis, que
nos sirven para definir cómo deseamos
que se realicen las repeticiones.
• La primera parte es la inicialización, que
se ejecuta solamente al comenzar la
primera iteración del bucle.
• La segunda parte es la condición, que se
evaluará cada vez que comience una
iteración del bucle.
• Por último tenemos la actualización, que
sirve para indicar los cambios que
queramos ejecutar en las variables
CICLO FOR JS
var estudiantes = ["Maria", "Sergio", "Rosa", "Daniel"];
function saludarEstudiantes(alumno) {
console.log(`Hola, ${alumno}`);
}
for(var cont=0; cont<estudiantes.length;conta++){
console.log(estudiantes[cont]);
}
for(var alumno of estudiantes) {
saludarEstudiantes(alumno);
}](https://image.slidesharecdn.com/semana4-javascriptestructuradedatosyciclofor-210921001350/85/Semana-4-Javascript-Estructura-de-Datos-y-ciclo-FOR-7-320.jpg)
![8
• while
• Crea un bucle que ejecuta una sentencia
especificada mientras cierta condición se
evalúe como verdadera. Dicha condición
es evaluada antes de ejecutar la
sentencia
• do...while
• La sentencia (hacer mientras) crea un
bucle que ejecuta una sentencia
especificada, hasta que la condición de
comprobación se evalúa como falsa. La
condición se evalúa después de ejecutar
la sentencia, dando como resultado que
la sentencia especificada se ejecute al
menos una vez.
CICLO WHILE JS
//while
while (estudiantes.length > 0) {
//console.log(estudiantes);
var estudiante = estudiantes.shift();
saludarEstudiante(estudiante);
}
//do-while
var cont = 0;
do {
saludarEstudiante(estudiantes[cont]);
cont++;
} while (i < estudiantes.length)](https://image.slidesharecdn.com/semana4-javascriptestructuradedatosyciclofor-210921001350/85/Semana-4-Javascript-Estructura-de-Datos-y-ciclo-FOR-8-320.jpg)
![9
• En JavaScript, los objetos son
básicamente tablas hash, esto es, un
grupo de propiedades y funciones que
pueden ser accedidos a través de una
clave. Tanto las propiedades como los
métodos (que no son más que
propiedades cuyo valor es una función)
pueden ser creados dinámicamente en
tiempo de ejecución.
OBJETOS JS
var marca=["Chevrolet","Ford","Volvo","Su
baru","Tesla","McLaren"];
var modelo=[1,2,3,4,5,6];
var annio=[2021,2020,2019,2018,2017,2016]
;
var listaAutos=[];
//Objetos
function autoNuevo(marca,modelo,annio){
this.marca=marca;
this.modelo=modelo;
this.annio=annio;};
for(var cont=0;cont<6;cont++){
var autoNuevo1=new autoNuevo(marca[cont],
modelo[cont],annio[cont]);
listaAutos.push(autoNuevo1);
console.log(autoNuevo1);};](https://image.slidesharecdn.com/semana4-javascriptestructuradedatosyciclofor-210921001350/85/Semana-4-Javascript-Estructura-de-Datos-y-ciclo-FOR-9-320.jpg)
Semana 4 Javascript Estructura de Datos y ciclo FOR
- 1. ESTRUCTURA DE DATOS Y CICLO FOR Mg. Richard E. Mendoza G.
- 5. 5 • Los arrays son objetos similares a una lista cuyo prototipo proporciona métodos para efectuar operaciones de recorrido y de mutación. Tanto la longitud como el tipo de los elementos de un array son variables. Dado que la longitud de un array puede cambiar en cualquier momento, y los datos se pueden almacenar en ubicaciones no contiguas, no hay garantía de que los arrays de JavaScript sean densos; esto depende de cómo el programador elija usarlos. ARRAY JS var frutas = ["Manzana", "Plátano", "Cereza", "Fresas"]; console.log(frutas); console.log(frutas.length) //longitud console.log(frutas[n]); //index //Mutar o alterar Array var masFrutas = frutas.push("Uvas") //añadir elementos al final del array var ultimo = frutas.pop()//Eliminar var nuevaLongitud = frutas.unshift("Uvas");//añadir elemento al inicio del array var borrarFruta = frutas.shift("Uvas");//Borrar var posicion = frutas.indexOf("Cereza");//Devuelve el index o posicion del elemento
- 6. 6 • Las funciones son uno de los bloques de construcción fundamentales en JavaScript. Una función en JavaScript es similar a un procedimiento — un conjunto de instrucciones que realiza una tarea o calcula un valor, pero para que un procedimiento califique como función, debe tomar alguna entrada y devolver una salida donde hay alguna relación obvia entre la entrada y la salida. Para usar una función, debes definirla en algún lugar del ámbito desde el que deseas llamarla. FUNCIONES JS function saludar() { return "Hola"; } saludar(); // 'Hola' typeof saludar; // 'function'
- 7. 7 • El bucle FOR se utiliza para repetir una o más instrucciones un determinado número de veces. El bucle FOR tiene tres partes incluidas entre los paréntesis, que nos sirven para definir cómo deseamos que se realicen las repeticiones. • La primera parte es la inicialización, que se ejecuta solamente al comenzar la primera iteración del bucle. • La segunda parte es la condición, que se evaluará cada vez que comience una iteración del bucle. • Por último tenemos la actualización, que sirve para indicar los cambios que queramos ejecutar en las variables CICLO FOR JS var estudiantes = ["Maria", "Sergio", "Rosa", "Daniel"]; function saludarEstudiantes(alumno) { console.log(`Hola, ${alumno}`); } for(var cont=0; cont<estudiantes.length;conta++){ console.log(estudiantes[cont]); } for(var alumno of estudiantes) { saludarEstudiantes(alumno); }
- 8. 8 • while • Crea un bucle que ejecuta una sentencia especificada mientras cierta condición se evalúe como verdadera. Dicha condición es evaluada antes de ejecutar la sentencia • do...while • La sentencia (hacer mientras) crea un bucle que ejecuta una sentencia especificada, hasta que la condición de comprobación se evalúa como falsa. La condición se evalúa después de ejecutar la sentencia, dando como resultado que la sentencia especificada se ejecute al menos una vez. CICLO WHILE JS //while while (estudiantes.length > 0) { //console.log(estudiantes); var estudiante = estudiantes.shift(); saludarEstudiante(estudiante); } //do-while var cont = 0; do { saludarEstudiante(estudiantes[cont]); cont++; } while (i < estudiantes.length)
- 9. 9 • En JavaScript, los objetos son básicamente tablas hash, esto es, un grupo de propiedades y funciones que pueden ser accedidos a través de una clave. Tanto las propiedades como los métodos (que no son más que propiedades cuyo valor es una función) pueden ser creados dinámicamente en tiempo de ejecución. OBJETOS JS var marca=["Chevrolet","Ford","Volvo","Su baru","Tesla","McLaren"]; var modelo=[1,2,3,4,5,6]; var annio=[2021,2020,2019,2018,2017,2016] ; var listaAutos=[]; //Objetos function autoNuevo(marca,modelo,annio){ this.marca=marca; this.modelo=modelo; this.annio=annio;}; for(var cont=0;cont<6;cont++){ var autoNuevo1=new autoNuevo(marca[cont], modelo[cont],annio[cont]); listaAutos.push(autoNuevo1); console.log(autoNuevo1);};