0% encontró este documento útil (0 votos)
0 vistas8 páginas

JavaScript Clase1pp

El documento proporciona una introducción a conceptos básicos de programación en JavaScript, incluyendo estructuras de control como if/else, bucles for y while, y el uso de arrays. Se explican las operaciones comunes con arrays y cómo se combinan con bucles para recorrer listas. Además, se aborda la creación de funciones y el uso de return para devolver valores.

Cargado por

barbie.bourel30
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
0 vistas8 páginas

JavaScript Clase1pp

El documento proporciona una introducción a conceptos básicos de programación en JavaScript, incluyendo estructuras de control como if/else, bucles for y while, y el uso de arrays. Se explican las operaciones comunes con arrays y cómo se combinan con bucles para recorrer listas. Además, se aborda la creación de funciones y el uso de return para devolver valores.

Cargado por

barbie.bourel30
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

FULL STACK · BT INFORMÁTICA 2026

JavaScript
if / else for / while arrays return
if / else — tomar decisiones

El programa evalúa una condición y ejecuta código distinto según el resultado.

●●● ●●●

if (condición) { const edad = 20;


// se ejecuta si la condición es verdadera
} else { if (edad >= 18) {
// se ejecuta si la condición es falsa [Link]('Mayor de edad');
} } else {
[Link]('Menor de edad');
}
Operadores de comparación:

=== igual (valor y tipo) !== distinto > mayor que

< menor que >= mayor o igual <= menor o igual


if / else if / else — múltiples condiciones más de dos caminos

Cuando hay más de dos posibilidades se encadenan condiciones con else if.

●●●
Cómo funciona:
const nota = 75;

JS evalúa la primera condición.


if (nota >= 90) {
[Link]('Muy bueno'); Si es verdadera, ejecuta ese bloque y sale — no sigue
evaluando.
} else if (nota >= 60) {
[Link]('Bueno');
Si es falsa, pasa a la siguiente condición.
} else if (nota >= 40) {
[Link]('Regular');
Si ninguna es verdadera, ejecuta el else final.
} else {
[Link]('Insuficiente');
El else al final es opcional.
}
for — repetir un número conocido de veces

Cuando sabés cuántas veces querés repetir algo, usás for.

●●●

for (inicio ; condición ; actualización) {


// código que se repite
}
for ( let i = 0 ; i < 5 ; i++ ) { ... }

inicio condición de corte actualización

●●● ●●●

// Imprime 0, 1, 2, 3, 4 // Cuenta para atrás


for (let i = 0; i < 5; i++) { for (let i = 5; i > 0; i--) {
[Link](i); [Link](i);
} }

// i++ es lo mismo que i = i + 1 // Imprime 5, 4, 3, 2, 1


cuando no sabés
while — repetir mientras se cumpla una condición cuántas veces

Cuando no sabés cuántas veces vas a repetir, usás while. Repite mientras la condición sea verdadera.

●●● ●●●

while (condición) { let intentos = 0;


// código que se repite
// importante: algo tiene que hacer que while (intentos < 3) {
// la condición eventualmente sea falsa [Link]('Intento ' + intentos);
} intentos = intentos + 1;
}

for vs while
// Imprime: Intento 0, Intento 1, Intento 2
Usá for cuando sabés cuántas veces repetir: recorrer una lista, contar hasta N.

Usá while cuando la cantidad de repeticiones depende de algo que puede cambiar durante la ejecución.
Arrays — listas de valores

Un array es una lista ordenada de valores. Cada elemento tiene una posición que empieza en 0.

●●●

const colores = ['rojo', 'verde', 'azul'];


// [ 0 ] [ 1 ] [ 2 ]
[Link](colores[0]); // 'rojo'
[Link](colores[1]); // 'verde'
[Link]([Link]); // 3

Operaciones básicas:

[Link](valor) Agrega un elemento al final [Link]('amarillo')

[Link] Devuelve la cantidad de elementos [Link] // 3

array[i] Accede al elemento en la posición i colores[0] // 'rojo'

array[i] = valor Reemplaza el elemento en la posición i colores[0] = 'negro'


la combinación más
Arrays + for — recorrer listas usada

El bucle for y los arrays se usan casi siempre juntos — el for recorre el array elemento por elemento.

●●●

const productos = ['Teclado', 'Mouse', 'Monitor'];

for (let i = 0; i < [Link]; i++) {

[Link](productos[i]);

●●●

// Mostrar
Imprime:cada
Teclado,
producto
Mouse,
en el
Monitor
DOM
const lista = [Link]('lista');
for (let i = 0; i < [Link]; i++) {
[Link] = [Link] + '<li>' + productos[i] + '</li>';
}

[Link] como condición del for es la forma correcta — si el array crece, el for recorre todos los elementos sin tocar el
código.
Funciones con return — devolver un resultado

Una función puede calcular algo y devolver el resultado para usarlo en otra parte del código.

●●● ●●●

// Sin return — solo ejecuta, no devuelve // Función que valida un campo


nada
function saludar(nombre) { function estaVacio(valor) {
[Link]('Hola, ' + nombre); if (valor === '') {
} return true;
} else {
// Con return — devuelve un valor return false;
function sumar(a, b) { }
return a + b; }
} //return termina la función inmediatamente. const campo =
Todo el código después del return en esa función no se ejecuta. [Link]('nombre');
const resultado = sumar(3, 4);
if (estaVacio([Link])) {
[Link](resultado); // 7
[Link]('El campo está vacío');
}

También podría gustarte