Los lenguajes de programación están orientados hacia algún paradigma (Orientado a objetos, Funcional, Imperativo, Orientado a eventos,multiparadigma...).
Además existe el tipado, un lenguaje con tipado estático requerirá que declaremos el tipo de variable y esta no podrá ser de otro típo, por ejemplo:
var int variableDeOtroLenguaje = 5;
variableDeOtroLenguaje = "un texto";
Error!!!
En el tipado dinámico no decimos que contiene la variable, nos aprovecharemos del conocído como "Duck Typing" o "Tipado tipo Pato", que sostiene, que si tiene 2 patas, plumas, patas palmeadas y hace "cuack" es un pato.
El tipado estático se suele preferir en programas muy grandes donde queremos asegurarnos que una funcionalidad siempre devuelva un número y no un texto (por ejemplo).
El tipado dinámico, tiene la ventaja de darnos flexibilidad, el usuario meterá los datos y si es un número se guardará como tal, si viniera como texto se podrá convertir a número, siempre y cuando el contenido del texto sea un número como por ejemplo "5" (esto no se puede hacer así de fácil en el tipádo estatico).
Tipos de datos:
- Number:
- Enteros: 0, 1, 2, -5
- Naturales: 0,4, -3
- String:
- "Hola soy un texto"
- "5" (aunque sea un número al ir entre comillas se interpretará como texto).
- Boolean:
- True
- False
- Array:
- var lista = ["pepinos","tomates","huevos"]
- lista.lenght = 3
- Objetos:
- Este tipo es mas complicado y lo detallaremos mas adelante.
Control de flujo:
- Sentencia if:
if(sentencia igual a true o false){
// ejecutar algo
}
- Sentencia else if:
if (sentencia igual a true o false){
// ejecutar algo
} else if (sentencia igual a true o false){
// ejecutar otra cosa
}
- Sentencia else:
if (sentencia igual a true o false){
// ejecutar algo
} else if (sentencia igual a true o false){
// ejecutar otra cosa
} else {
// si no se da nada de lo anterior
}
- Bucles:
Hasta la fecha solo hemos explicado el bucle for, que sigue el siguiente patron:
for (var i = 0; i < number; i++) {
}
El primer elmento (var i = 0) solo se ejecuta la primera vez que entramos en el bucle, en este caso declaramos una variable y la igualamos a 0.
El segundo elemento (i < number) dice cuantas veces se ejecutará el bucle, y será siempre que esta sentencia se cumpla o sea == true.
El tercer elemento (i++) se ejecuta justo al final del bucle, justo antes de volver a comenzar el ciclo, en este caso lo que hace es sumar +1 a lo que valga en ese momento i.
Preguntado varias veces en clase, vamos a detallar algunos comportamientos del lenguaje por los cuales es ampliamente criticado, aún así... Javascript me encanta.
Las próximas lineas no son para memorizarlas, sino para comprender que como todo, ninguna herramienta es perfecta
Escribir en consola y comentar resultados:
- [] == false
- "" == false
- Number(true)
- +true
- null == undefined
- Array(16).join("Wtf")
- Array(16).join("Wtf" -1) + " Batman!"
1 - Diseña un programa que nos confirme si un año es bisiesto o no.
- Caracteristicas de un año bisiesto:
- Tiene que ser divisible entre 4 y no tiene que ser divisible entre 100
- O puede ser divisble entre 100 y entre 400
Proceso esBisiesto
Escribir "Dime el Año:"
Leer year
Si year % 4 = 0 & year % 100 <> 0 Entonces
Escribir "Amigo, el año " year " es bisiesto!"
Sino
Si year % 400 = 0 & year % 100 = 0 Entonces
Escribir "Amigo, el año " year " es bisiesto!"
Sino
Escribir "Amigo, el año " year " NO es bisiesto!"
Fin Si
Fin Si
FinProceso
2 - Diseña un programa que imprima los numeros del 1 al 100.
Proceso contadorPositivo
controlador = 1
Escribir "Empieza la cuenta!"
Mientras controlador <= 100 Hacer
Escribir controlador
controlador = controlador +1
Fin Mientras
Escribir "Terminó la cuenta mágica..."
FinProceso
3 - Diseña un programa que imprima los numeros del 100 al 0.
Proceso contadorNegativo
controlador = 100
Escribir "Empieza la cuenta!"
Mientras controlador >= 0 Hacer
Escribir controlador
controlador = controlador -1
Fin Mientras
Escribir "Terminó la cuenta mágica..."
FinProceso
4 - Diseña un programa que imprima los numeros pares entre 0 y 100.
Proceso contadorPares
controlador = 2
Escribir "Empieza la cuenta!"
Mientras controlador <= 100 Hacer
Escribir controlador
controlador = controlador +2
Fin Mientras
Escribir "Terminó la cuenta mágica..."
FinProceso
5 - Diseña un programa que imprima los números impares entre un número dado por el usuario y los siguientes 50 números.
solucion con error de +1 en limite:
function showOdds (number){
if(number % 2 != 0){
var limit = number + 50;
for(number;number<=limit;number=number+2){
console.log(number);
}
}
else{
number++;
showOdds(number);
}
}
6 - Diseña un programa que imprima la suma de los 50 primeros numeros pares y el total de números impares partiendo de un número dado por el usuario
Proceso contadorEspecial
Escribir "Dame un número:"
Leer numero
controlador = 1
Totalimpares = 0
totalImpares = 0
Escribir "Empieza la cuenta!"
Mientras controlador <= 50 Hacer
Si numero % 2 = 0 Entonces
controlador <- controlador + 1
totalPares<- totalPares + numero
numero <- numero + 1
Sino
totalImpares<- totalImpares + 1
numero <- numero + 1
Fin Si
Fin Mientras
Escribir "Total de suma de pares ", totalPares
Escribir "Total de impares ", totalImpares
Escribir "Terminó la cuenta mágica..."
FinProceso
7 - Diseña un programa que cuente las veces que aparece una determinada letra en una frase que introduciremos por teclado.
Proceso cuantasVeces
Escribir "Dame una letra:"
Leer letra
Escribir "Dame un texto:"
Leer texto
controlador <- 0
longitudTexto <- Longitud(texto)
totalVeces <- 0
Mientras controlador <= longitudTexto Hacer
letraActual <- SubCadena(texto,controlador,controlador)
controlador <- controlador + 1
// Escribir "letra actual .... " letraActual
Si letraActual = letra Entonces
totalVeces = totalVeces +1
Fin Si
Fin Mientras
Escribir letra "se ha repetido un total de " totalVeces
FinProceso
8 - Diseña un programa que simula el lanzamiento de una moneda al aire e imprimir si ha salido cara o cruz.
Proceso azarMoneda
valor <- azar(2)
Si valor = 1 Entonces
Escribir "Salio Cara!"
Sino
Escribir "Salio Cruz!"
Fin Si
FinProceso
9 - Diseña un programa que simula cien tiradas de dos dados y contar las veces que entre los dos suman 10.
Proceso azarMoneda
coincidencias <- 0
controlador <- 0
Mientras controlador <= 100 Hacer
dado1 <- azar(7)
dado2 <- azar(7)
tirada <- dado1 + dado2
Si tirada = 10 Entonces
coincidencias = coincidencias +1
Fin Si
controlador = controlador + 1
Fin Mientras
Escribir "El azar ... sumó 10 un total de " coincidencias " veces"
FinProceso
Métodos:
- .assert() Aparece un mensaje de error en la consola si la afirmación es falsa.:
var controlador = false;
console.assert(controlador, "\"controlador\" es igual a \"false\"");- .clear() Limpia la consola:
console.clear()- .dir() Retorna una lista interactiva de las propiedades de un objeto:
console.dir(document.body);- .dirxml() Retorna una representación HTML del objeto:
console.dirxml(document.body);- Agrupadores:
- .group() Crea un grupo de mensajes de consola:
console.group("bucleFor");
for(var i=100; i>0; i--){
console.info("Iteración numero %i", i)
}
console.groupEnd();- .groupCollapsed() Crea un grupo de mensajes de consola minimizados (por defecto):
console.groupCollapsed("bucleFor");
for(var i=100; i>0; i--){
console.info("Iteración numero %i", i)
}
console.groupEnd();- .groupEnd() Cierra el grupo de mensajes:
console.group("bucleFor");
for(var i=100; i>0; i--){
console.info("Iteración numero %i", i)
}
console.groupEnd();- Tablas:
- .table() Muestra los datos dentro de una tabla:
var lenguajes = [
{ nombre: "JavaScript", extension: ".js" },
{ nombre: "TypeScript", extension: ".ts" },
{ nombre: "CoffeeScript", extension: ".coffee" }
];
console.table(lenguajes);
console.table(lenguajes, "extension");- Gestión del tiempo:
- .time() Inicia un contador en ms:
- .timeEnd() Para el contador y devuelve el resutlado:
console.time("Medición de miArray");
var miArray = new Array(1000000);
for (var i = miArray.length - 1; i >= 0; i--) {
miArray[i] = new Object();
};
console.timeEnd("Medición de miArray");- Notificadores:
- .log() Saca un mensaje por consola:
console.log("Hola en formato clásico");- .info() Similar a console.log:
console.info("Hola en formato informativo");- .warn() Similar a Console.log:
console.warn("Hola en formato alerta");- .error() *Similar a console.log, invcluye *:
console.error("Hola en formato error");- Formateadores:
| Formato | Descripción |
|---|---|
| %s | Cadena |
| %d o %i | Número entero |
| %f | Decimal |
| %o | DOM |
| %O | Objeto js |
| %c | CSS |
- Ejemplos:
- %o para estrcuturas del DOM
var parrafos = document.getElementsByTagName("p");
console.log("DOM: %o", parrafos);- %O para objectos JS
var objeto = {"nombre":"Yo","Apellido":"Mismo"};
console.log("Objeto: %O", objeto);- usando CSS:
console.log('Esto es aburrido...');
console.log('%c Pero se puede mejorar fácilmente! ', 'background: #3EBDFF; color: #FFF; font-size:25px;');Solucion de todos:
function isPair(number){
if(number % 2 == 0){
return true
} else{
return false
}
}
function showOdds (number){
var limit = number + 50;
if(isPair(number)){
number ++
for(number;number<limit;number= number+2){
console.log(number)
// number=number+2
}
}
else {
for(number;number<=limit;number= number +2){
console.log(number)
}
}
}
- %O para objectos JS