JavaScript
Funciones y tipos de datos
Introducción a JavaScript
Es un lenguaje muy utilizado con una sintaxis bastante parecida a Gobstones.
Funciones y como se definen en JavaScript
function doble(numero) {
return 2 * numero;
}
Tener en cuenta que las funciones se pueden usar dentro de otras funciones tal como sería este
caso:
function doble(numero) {
return 2 * numero;
}
function siguienteDelDoble(numero) {
return doble(numero) + 1;
}
Probando funciones
Las funciones se pueden probar con la consola.
Haciendo cuentas
+ —> SUMA
- —> RESTA
* —> MULTIPLICACIÓN
/ —> DIVISIÓN
JavaScript 1
A las funciones hay que prefijarlas con Math. como por ejemplo Math.round , Math.max y
Math.min
Poniendo topes
Math.max —> Sirve para un limite inferior
Math.min —> Sirve para un limite superior
function extraer(saldo, monto) {
return Math.max(saldo - monto, 0);
}
Operadores en JavaScript!!!!
===
valores iguales
>=
mayores o iguales
>
mayores
< menores
<=
menores o iguales
Operadores de equivalencia Operadores de similitud
=== —> igual a == —> parecido a
!== —> distinto a != —> no es parecido a
Booleanos
Se pueden negar con el signo ! : !hayComida
Se puede hacer la conjunción lógica entre dos booleanos mediante el operador && :
hayComida && hayBebida
Se puede hacer la disyunción lógica entre dos booleanos mediante el operador || :
unaExpresion || otraExpresion
Strings
JavaScript 2
Los strings están encerrados entre comillas simples o dobles
Los strings pueden ser usados para compararse entre sí
Se puede determinar la cantidad de caracteres del mismo
longitud("biblioteca")
10
Se pueden concatenar
"aa" + "bb"
"aabb"
Buscar si un string comienza con otro
comienzaCon("una pagina", "una")
Elif is else if
Booleans y su relación con el if
Son lo mismo las dos funciones!
function esMayorDeEdad(edad) {
if (edad >= 18) {
return true;
} else {
return false; function esMayorDeEdad(edad) {
} return edad >= 18;
} }
Tipo de dato Representa Ejemplo Operaciones
1479
Números cantidades + , - , * , % , > , etc
true
Boolean valores de verdad && , ! , etc
JavaScript 3
"hola"
Strings texto longitud ,
comienzaCon , etc
funciones, que siempre retornan algo y no producen ningún efecto
procedimientos, que no retornan nada, y producen efectos
JavaScript no diferencia funciones de procedimientos: todos pueden tener efectos y todos pueden
o no tener retorno.
Es decir que:
si operamos dos números con + , se suman
si operamos dos strings con + , se concatenan
si operamos un string y un número + , se convierte implícitamente el número a string, y
luego se concatenan, al igual que antes
En JavaScript, estas conversiones implícitas, también llamadas coerciones, ocurren mucho.
Las variables nos permiten nombrar y reutilizar valores. Similar a cómo los procedimientos y
funciones nos permiten dar nombres y reutilizar soluciones a problemas más pequeños.
let primerMes = "enero"
Las variables declaradas dentro de una function, conocidas como variables locales, no presentan
mayor misterio. Sin embargo, hay que tener un particular cuidado: sólo se pueden utilizar desde
dentro de la function en cuestión. Si quiero referenciarla desde un programa:
Sin embargo, las variables declaradas directamente en el programa, conocidas como variables
globales, pueden ser utilizadas desde cualquier function.
Actualizaciones como duplicar, triplicar, incrementar en uno o en una cierta cantidad son tan
comunes que JavaScript presenta algunos atajos:
x += y; //equivalente a x = x + y;
x *= y; //equivalente a x = x * y;
x -= y; //equivalente a x = x - y;
x ++ ; //equivalente a x = x + 1;
En la lógica booleana, se puede definir el comportamiento de un operador con una tabla de
verdad donde A y B son las expresiones o valores de verdad a ser operados y el símbolo ^
representa la conjunción. Cada celda tiene una V si representa verdadero o F si representa falso.
JavaScript 4
En el mundo de la lógica estas expresiones se llaman proposiciones. Pero… ¿qué cosas pueden
ser una proposición? Sólo hace falta que porten un valor de verdad, es decir, cualquier expresión
booleana puede ser una proposición.
Ahora cambiemos las funciones tienenLaMismaMadre y tienenElMismoPadre por proposiciones
genéricas A y B. Además, representemos la operación que realiza sonMediosHermanos con el
símbolo ⊻. Lo que obtenemos es... ¡una nueva tabla!
Title A B A⊻B
Untitled @September 24, 2021
Untitled @September 24, 2021
Untitled @September 24, 2021
Untitled @September 24, 2021 @September 24, 2021 @September 24, 2021
Este comportamiento existe como un operador dentro de la lógica y se lo denomina xor o
disyunción lógica excluyente
A diferencia del and, or y not, el xor no suele estar definido en los lenguajes. Sin embargo, ahora
que sabés cómo funciona, si alguna vez lo necesitás podés definirlo a mano
Cuando una expresión matemática tiene varios operadores, sabemos que las multiplicaciones y
divisiones se efectuarán antes que las sumas y las restas:
Al igual que en matemática, cuando usamos operadores lógicos las expresiones se evalúan en un
orden determinado llamado precedencia.
Supongamos que queremos representar al conjunto de nuestras series favoritas. ¿Cómo
podríamos hacerlo?
let seriesFavoritasDeAna = ["Game of Thrones", "Breaking Bad", "House of Cards"];
let seriesFavoritasDeHector = ["En Terapia", "Recordando el Show de Alejandro Molina"]
Como ves, para representar a un conjunto de strings, colocamos todos esos strings que nos
interesan, entre corchetes ( [ y ] ) separados por comas. Fácil, ¿no?
Genial, ¡parece que una lista puede contener cualquier tipo de elemento! Podemos tener listas de
booleanos, de números, de strings, de listas...
Y no sólo eso, sino que además pueden contener cualquier cantidad de elementos: uno, dos,
quince, cientos.
¿Podremos entonces tener listas vacías, es decir, que no tengan elementos? ¡Por supuesto!
JavaScript 5
let unaListaVacia = []
Las listas son muy útiles para contener múltiples elementos. ¡Pero hay más! También podemos
agregarle elementos en cualquier momento, utilizando la función agregar , que recibe dos
parámetros: la lista y el elemento. Por ejemplo:
let pertenencias = ["espada", "escudo", "antorcha"];
//longitud(pertenencias) devuelve 3;
agregar(pertenencias, "amuleto mágico");
//ahora longitud(pertenencias) devuelve 4
Como vemos, agregar suma un elemento a la lista, lo cual hace que su tamaño aumente
FOR
function saludar(personas) {
for(let persona of personas) {
imprimir("hola " + persona);
}
}
Los monumentos que probaste en el ejercicio anterior están representados como registros, y cada
una de sus características (nombre, locación, año de construcción) son campos del registro. Por
cierto, ¡podemos crear registros de cualquier cosa, con los campos que querramos!
let torreEiffel = { nombre: "Torre Eiffel", locacion: "París, Francia", anioDeConstruccion: 1889
};
En un registro vamos a guardar información relacionada a una única cosa (por ejemplo un
monumento o una persona), pero los tipos de los campos pueden cambiar. Por ejemplo, el
nombre y la ubicación de un monumento son strings, pero su año de construcción es un número.
Cuando consultaste los registros existentes, se veía algo parecido a lo siguiente:
tajMahal
{ nombre: "Taj Mahal", locacion: "Agra, India", anioDeConstruccion: 1653 }
Esa consulta era porque estábamos viendo al registro tajMahal completo, incluyendo todos sus
campos. ¡Pero también se puede consultar por un campo particular! Mirá :
tajMahal.locacion
"Agra, India"
La sintaxis para modificar campos de registros es muy similar a lo que hacemos para cambiar los
valores de las variables. Por ejemplo, para cambiar la temperatura de un planeta:
saturno.temperaturaPromedio = - 140;
JavaScript 6
Ahora imaginá que tenemos un registro para representar un archivo, del que sabemos su ruta
(dónde está guardado) y su fecha de creación. Si queremos cambiar su ruta podemos hacer...
leeme
{ ruta: "C:\leeme.txt", creacion: "23/09/2004" }
moverArchivo(leeme, "C:\documentos\leeme.txt")
Unos ejercicios atrás te contamos la diferencia entre listas y registros. ¡Pero eso no significa que
no podamos usar ambas estructuras a la vez!
Por ejemplo, una lista puede ser el campo de un registro. Mirá estos registros de postres, de los
cuales sabemos cuántos minutos de cocción requieren y sus ingredientes:
let flanCasero = { ingredientes: ["huevos", "leche", "azúcar", "vainilla"],
tiempoDeCoccion: 50 }
let cheesecake = { ingredientes: ["queso crema", "frambuesas"], tiempoDeCoccion: 80 }
let lemonPie = { ingredientes: ["jugo de limón", "almidón de maíz", "leche", "huevos"],
tiempoDeCoccion: 65 }
En el ejercicio anterior te mostramos que un registro puede tener una lista entre sus campos. ¿Y
al revés? ¿Podemos tener una lista de registros?
¡Sí! Así como trabajamos con listas de números, booleanos, strings o más listas, también
podemos listar registros. Se puede hacer todo lo que hacías antes, como por ejemplo remover ,
saber su longitud o preguntar por el elemento de cierta posición utilizando los corchetes [] .
Lo que tenemos que hacer, entonces, es repetir la operación de acumular varias veces, una por
cada elemento de la lista. ¡Digamos hola (nuevamente) al for...of !
function gananciaTotal(balancesDeUnPeriodo) {
let sumatoria = 0;
for ( let balance of balancesDeUnPeriodo) {
sumatoria = sumatoria + balance.ganancia;
}
return sumatoria;
}
Como ves, el for...of nos permite visitar y hacer algo con cada elemento de una lista; en este
caso, estaremos visitando cada balance de balancesDeUnPeriodo .
Como podés ver todos los promedios se basan en el mismo principio . Sumar una cantidad
determinada elementos y dividir el resultado por esa cantidad. Si quisiéramos realizar una
función promedio genérica sería algo así:
function promedio(listaDeNumeros) {
return sumatoria(listaDeNumeros) / longitud(listaDeNumeros);
}
function sumatoria(listaDeNumeros) {
JavaScript 7
let sumatoria = 0;
for ( let numero of listaDeNumeros) {
sumatoria = sumatoria + numero;
}
return sumatoria;
}
JavaScript 8
