JAVASCRIPT

DECLARACIÓN DE FUNCIONES

Nombre de la función
 Expresivo
 1° Letra en minúscula
Palabra Retorno
Se coloca siempre
reservada para Lo que devuelve la
en la última línea
definir la función cuando se
función invoca

NOTAS IMPORTANTES

 El cuerpo de la función se escribe entre llaves {} Código ASCII

 Las funciones se pueden usar dentro de otras funciones { Alt + 123
} Alt + 125
| Alt + 124
STRINGS Cadena de
carácteres (texto) TIPOS DE OPERADORES
"a" (letras) 1. Matemáticos
"!" (símbolos)  +
"9" (números)  –
" " (espacios)  *
 /
2. Lógicos (BOOLEANOS)
Los carácteres deben estar encerrados por
 && (conjunción lógica)
comillas (simples o dobles)
 || (disyunción lógica)
¿Que se puede hacer COMPARAR:   (negación)
con Strings? "sabado" === "domingo" 3. De Comparación
3.1. === (Igual)
CANTIDAD DE LETRAS: 3.2. > (mayor que)
3.3. >= (mayor o igual que)
longitud(unString)
3.4. < (menor que)
3.5. <= (menor o igual que)
CONCATENAR: Un nuevo String
que une resulta de la unión de
otros dos Strings ("aa" + "bb" = FUNCIONES MATEMÁTICAS
"aabb")  Algunas ya están en JS
 Prefijarlas con Math.:
SI UNO COMIENZA CON OTRO: Math.round: redondea un
comienzaCon(unString, otroString) número
Math.max: retorna el número
CONVERTIR A MAYUSCULAS: mayor entre argumentos (tope
convertirEnMayusculas(unString) inferior)
Math.min: retorna el número
IMPRIMIR: imprimir(unString) menor entre argumentos (tope
superior)
Math.abs: retorna el valor
absoluto
 JAVASCRIPT

ALTERNATIVA CONDICIONAL: IF

Con una condición y un parámetro:

Primer Juego de llaves
Encierran el cuerpo de
Palabra reservada la función
para “si”
Segundo Juego de llaves
Retorno si se cumple la
Encierran el cuerpo del retorno del if
condición
Condición
Palabra reservada Encerrada por paréntesis ()
para “sino”

Retorno si no se Tercer Juego de llaves

cumple la condición Encierran el cuerpo del retorno del else

Con una condición y dos parámetros:

Con más de una condición

En esta situación hay 4 juegos de llaves: 1 ° Condición

 El que encierra el cuerpo de la función
 El que encierra el cuerpo del retorno del if (primera
2 ° Condición
condición)
 El que encierra el cuerpo del retorno del else if
(segunda condición)
 El que encierra el cuerpo del retorno del else (sino se
cumplen ninguna de las condiciones)

No es un String, es un valor.
Los Strings siempre van entre comillas!
 JAVASCRIPT

Es una expresión booleana, ya tiene un

valor de verdad, en consecuencia la
utilización del if innecesaria

FORMA CORRECTA

TIPOS DE DATOS
REPRESENTA EJEMPLO OPERACIONES
NUMEROS Cantidades 4947 +; -; *; /; <….
BOOLEANOS Valores de verdad True, False &&; ; ||….
STRINGS Texto “hola” longitud; comienzaCon…
=== (2 cosas iguales)
OPERACIONES QUE SIRVEN PARA TODO LOS TIPOS DE DATOS == (2 cosas distintas)

IMPORTANTE: Hacer operaciones correctas con los tipos de datos correctos

FUNCIONES PROCEDIMIENTOS
PALABRA RESERVADA Function Function
RETORNO Si No
EFECTO No Si

JAVASCRIPTS no distingue entre funciones y procedimientos y programa se considera todo lo que queda fuera del
function

Imprimir por pantalla:

 Muy parecido al tablero de Gobstones

 Es una funcionalidad que siempre está disponible
 Solo podemos escribir Strings
 Una vez que se escribió en la pantalla, no hay vuelta atrás, no se retrocede ni se deshace
 Forma de escritura:
 JAVASCRIPT

COERCIONES

El operador + se puede usar de distintas formas:

Si operamos 2
Se suman 1+2=3
números

Si operamos 2 "aa" + "bb" =

Se concatenan
Strings "aabb"

El número se
Si operamos 1 transforma en
String y luego se
COERCIÓN
String y 1 número
concatenan

De Numero (Cantidad)
pasó a String (Texto)
 JAVASCRIPT

VARIABLES

 Nos permiten nombrar y reutilizar valores

 Palabra reservada de invocación: let
 Operador de asignación: =
 Solo pueden tener un valor, al modificarlas perdemos el valor anterior
 Deben ser declararlas antes de poder usarlas, les damos un valor inicial, entonces se dice que las
inicializamos

Las definimos así:

Palabra Nombre de Operador Valor

reservada Variable de
asignación

Tipos de Variables
GLOBALES LOCALES
En el programa Dentro de la función

Pueden usarse desde cualquier función Solo se pueden usar dentro de la función
donde se inicializó

ATAJOS

X += Y X=X+Y
X -= Y X=X–Y
X *= Y X = X*Y
X ++ X=X+1
 JAVASCRIPT

LOGICA BOOLEANA
OPERADOR LÓGICO
 Negación/ Niega un Usado para
Not/ valor modelar casos
Complemento booleano. de alternancia
Lógico Nos permite
reutilizar una
función ya
definida
&& Y Lógico / And es verdadero Se encadenan
/ Conjunción si todas sus expresiones
Lógica proposiciones (proposiciones)
son usando &&. Si
verdaderas una es falsa,
toda la
expresión
resulta falsa
|| Or/ es verdadero
Disyunción si alguna de
Lógica sus
proposiciones
es verdadera
xor Disyuncion es verdadero
Logica si sólo una de
Excluyente sus
proposiciones
es verdadera

PRECEDENCIA:

 Es el orden de evaluación de los operadores lógicos

1°: ! (Negación) 2° : && (And) 3°: || (Or)

 Si no se quiere seguir ese orden, se deben usar paréntesis () para agrupar las operaciones que se quieren
realizar primero
 Si se delega correctamente no es necesario alterar el orden de precedencia
 JAVASCRIPT

LISTAS

 Es un conjunto de cosas CODIGO ASCII

 El conjunto se escribe entre corchetes [ ] separados por comas

[ = Alt + 91

] = Alt + 93
Elemento La coma
Nombre de la funciona como Lista
lista un separador
 Son Ilimitadas: pueden tener cualquier cantidad de elementos
 Puede estar formada por:

Strings
Números
Booleanos
Listas
Sin Elementos: listas vacías
 El orden (posición) de los elementos es importante

¿Qué podemos hacer con listas?

Función Retorno Que obtengo Sintaxis
longitud Cantidad de elementos de la Número longitud(unaLista)
lista
listasIguales Compara ambas listas True o false (Booleano) listasIguales(unaLista, otraLista)
agregar Agrega un elemento a la lista, Nada, modifica la lista. Es agregar(unaLista, unElemento)
siempre en la última posición un procedimiento
remover Quita un elemento de la lista Nada, modifica la lista. Es remover(unaLista, unElemento)
un procedimiento

posición Indica la posición de un Número posicion(unaLista, unElemento)

elemento dentro de la lista

Operador El elemento que está en la Como las listas pueden unaLista[índice]

de posición solicitada estar compuestas por El índice debe ser menor a la
Indexación distintos tipos de datos, el longitud de la lista
resultado variara según la
composición de la lista
Máximo Elemento con mayor valor Número maximo(unaLista)
dentro de una lista de números
Mínimo Elemento con menor valor Número minimo(unaLista)
dentro de una lista de números

POSICION 0 1 2 3
Índices

ELEMENTOS 1 2 3 4
La posición arranca desde 0, entonces el primer elemento se encuentra en
la posición 0, el segundo en la posición 1, el tercero en la posición 2
Si hay elementos duplicados, siempre se retorna la primera aparición del
elemento en la lista.
Ej.: posicion ([“que”, “es”, “eso”, “eso”, “es”, “queso”], “es”)
1
Si un elemento no se encuentra en la lista el retorno será -1
 JAVASCRIPT

REPETICION INDEXADA

for… of

 Nos permite recorrer los elementos de una lista

 Es una estructura de control
 Consta de dos partes
o Generador: encerrado en paréntesis ( )
o Cuerpo: encerrado entre llaves { } Variable iniciada en 0,
pero que se modificara
a medida que se
recorren los elementos
de la lista
Generador
Cuerpo

REGISTROS
 Agrupa múltiples características de un objeto, donde cada característica se denomina campo de registro
REGISTRO LISTA
Similitud Estructuras de datos: Organizan la información
Diferencias
Sintaxis let unRegistro = {campo1: string , let unaLista = [elemento1;
campo2: numero,…} elemento2…]
Definido entre llaves { } Definida entre corchetes [ ]
Que guarda? información relacionada a una única muchos elementos de un mismo
cosa tipo que representan una misma
Los tipos de campos pueden variar: cosa
Nombre y ubicación: Strings Los elementos pueden ser todos
Aniosdeconstruccion: numero Strings o todos números
No tiene límites, puede tener
muchos elementos o estar vacía
Un registro puede ser un elemento de Una lista puede ser campo de un
una lista registro
Ej.: let gananciaTotal ([ Ej.: let flanCasero = {ingredientes:
{mes: ”enero”, ganancias: 2} [“huevos”, “leche”, “azúcar”,
{mes: ”febrero”, ganancia: 3} “vainilla”], tiempodecoccion: 50}
])
A- Puede haber registros dentro de Puede haber lista de registros, y con
registros cuando la estructura de ella se pueden hacer la misma
datos es compleja y no alcanza operatoria que una lista común:
representarla con strings, números, longitud, agregar, remover, posición,
booleanos y listas indexación y for… of

Nombre de registro

Campos Strings Numero

 JAVASCRIPT

A- Registros dentro de registros

REGISTRO PRINCIPAL

String
Lista

Registro como campo

 Sintaxis para pedir un campo de un registro

registro.campo

Ej.: menuDelDia.platoPrincipal

 Sintaxis para pedir un campo particular de un registro dentro de otro registro

registroprincipal.registrocomocampo.campo

Ej.: menuDelDia.postre.ingredientes

 Modificar campos es similar a modificar variables:

registro.campo = nuevo dato;

Ej.: Saturno.temperaturaPromedio = -140;

RECORRIDOS

 Empleo del for… of

La sumatoria de la lista siempre arranca en 0 porque si la lista está vacía su resultado sería 0, de ahí que se inicialice
una variable nombrada sumatoria igual 0. Dicha variable se verá modificada cada vez que repita el bucle del let… of y
se vayan agregando las distintas sumatorias según el recorrido de la lista, además siempre va a finalizar con un
retorno de sumatoria porque vamos a querer saber cuál es el resultado final una vez que haya finalizado el bucle del
let… of

Variable que se modificara a lo largo del

recorrido
Nos permite visitar cada elemento de la
lista
Modificación de la variable a lo largo del
recorrido
Se puede simplificar:
Sumatoria += balance.ganancia;

Retorno de la variable tras el recorrido

 JAVASCRIPT

La variable cantidad se conoce como contador, por se incrementa cada vez que hacemos algo dentro del for.. of o
cuando se cumple una condición:

function cantidadDeBalancesPositivos(balancesDeUnPeriodo) {
let cantidad = 0;
for (let balance of balancesDeUnPeriodo) {
cantidad = cantidad + (balance.ganancia > 0);
}
return cantidad;
}

MAPEAR:

Transformar cada elemento de una lista para crear una lista nueva:
Lista principal
Inialización de variable. Inicia como una lista
vacía a la que se le irán agregando elementos
siguiendo el recorrido del let… of

Función agregar, puede contener una

condición a cumplir para que el elemento sea
agregado a la nueva a lista
Retorno de nueva lista