Fundamentos de Javascript
Javascript
Javascript es uno de los lenguajes mas populares del mundo
Se puede utilizar en:
- web
- servidores
- procesamiento de datos
- aplicaciones móviles
- videojuegos
Entorno de prueba
Variables
var x = 5;
var myVar = "Hola";
var y = x;
console.log("el valor de y es: ", y);
Tipos
var x = 40; // esto es un numero
var decimal = 50.3; // esto es un numero decimal
var myVar = "hola"; // esta es una cadena de texto
var isMonday = true; // esto es un valor booleano
Operadores
var x = 40; // con = asignamos un valor a una variable
var a = 1 + 3; // resultado 4: podemos utilizar los operadores matematicos + - * /
var b = 5 % 2; // resultado 1: operador modulo o resto
x++; // operador incremento suma 1 al valor anterior
a--; // operador decremento resta 1 al valor anterior
b+=3; // esto es igual a b = b + 3;
Ejercicio 1
-
Crea una variable x con un valor inicial de tu edad.
-
Incrementa de 1
-
Multiplica por el numero de personas en esta clase
-
Decrementa de 1
-
Suma el dia de hoy
-
Calcula resto del modulo en base 2
-
A cada paso imprime el valor de x en la consola.
Cadena de texto o string
var x = 'hola'; // podemos utilizar '
var y = "hola"; // podemos utilizar "
var myVar = "tambien 'hola' es posible"; // podemos combinar " y '
var myVar2 = 'tambien "hola" es posible'; // podemos combinar " y '
var myVar3 = "tambien \"hola\" es posible";
// con \" podemos utilizar una doble " dentro una string
/* esto es un comentario */
Composición de cadenas de texto
var a = "hola";
var b = "mundo";
var c = a+b; // holamundo
var x = `Hola mundo`; // se puede utilizar `
var myVar3 = `Hola ${b}`; // Hola mundo -> se calculan las variables dentro de la string
Ejercicio 2
-
Crea una variable myName tu nombre
-
Crea una variable myAge con tu edad
-
Compone la frase "Hola, mi nombre es MYNAME y soy "muy" joven porque tengo 'solo' MYAGE años" dentro de la variable myText
-
imprime el valor de myName, myAge y myText en la consola.
-
intenta combinar el uso de ' " y `
-
¿cual es mas comodo?
Operadores booleanos o de comparación
== // iguales
=== // iguales (y del mismo tipo)
!myVar // negación de myVar
!= // distintos
!== // non idénticos
< // menor
> // major
<= // menor o igual
>= // major o igual
Ejercicio 3
5=="5" // true or false?
5==="5" // true or false?
!true // true or false?
0!=false // true or false?
0!==false // true or false?
0<5 // true or false?
0>5 // true or false?
5<=5 // true or false?
5>=0 // true or false?
Operadores lógicos booleanos
&& // and
|| // or
// Ejemplos:
var x = 4;
var y = 5;
x>0 && y<10 && x<=y // true
x>0 && y<10 && y<=x // false
x>10 || y<10 // true
Condición: if...else if...else
var x = 20;
if (x < 100){
console.log("x es minor de 100")
}else{
console.log("x es major de 100")
}
if (x < 10){
console.log("x es minor de 10")
}else if (x<100){
console.log("x es un valor entre 10 y 100")
}else{
console.log("x es major de 100")
}
Ejercicio 4
-
Crea una variable x con un valor inicial de tu edad.
-
Revisa si eres mayor o menor de edad
-
Usa el operador modulo % para ver si tu edad es par o impar
-
Intenta escribir con operadores booleanos esta condicion "si mi edad es par o si soy mayor y mi nombre no es "Paolo" escribe el valor contrario de falso, si no escribe "hola"
Array o colección
var frutas = ["manzana","pera", "platano", "fresa", "melocoton"];
console.log("que fruta hay en posición 2?", frutas[2]);
// se empieza a contar desde 0
//si quiero añadir un elemento:
frutas.push("albaricoque")
//si quiero crear un array vacio:
var myArray = [];
// con la propriedad length puedo conocer el tamaño de un array
frutas.length // 6
Ejercicio 5
-
Crea una variable students con un array vacio.
-
añade todos los estudiantes de la clase.
-
imprime en pantalla el numero de estudiantes.
Ciclo for
for (var i = 0; i < 10; i++){
console.log(i);
};
//con un array
var frutas = ["manzana","pera", "platano", "fresa", "melocoton"];
for (var a of frutas){
console.log(a);
};
for (var b in frutas){
console.log(frutas[b]);
};
Ejercicio 6
-
Imprime todos los nombres de los alumnos del array students en las 3 formas posibles, utilizando for, for in y for of.
Funciones
function nameFuncion(...parametros...){
//operaciones
return "valor"; // <--- el valor retornado
}
// ejemplo:
function multi(a,b){
return a*b;
}
const multi = function(a,b){
return a*b
}
const multi = (a,b) => {
return a*b
}
Objetos
const person = {
name: "Paolo",
age: 18
}
console.log("que edad tiene Paolo?", person.age);
Fundamentos de Javascript
By Paolo Mosca
Fundamentos de Javascript
- 156