Lenguaje de programación orientado a objetos y eventos, con propósito web.
console.log("holamundo");
Javascript es débilmente tipado, el comando typeof ayuda a saber el tipo.
typeof miVariableLas variables se definen con la palabra reservada var.
El punto y coma se coloca por considerarse una buena práctica.
En javascript los comentarios se colocan con //.
El signo igual es el operador de asignación.
Ejemplo:
// declarar e inicializarvar nombre = "Oscar";
Declarar es definir su nombre, su existencia, para reservar su espacio en memoria.var miVar;
Inicializar es asignarle un valor.miVar = 30;
3 + 250 - 1010 * 2020 / 2"Diego" + "de la Vega"!falsea = 1 se asigna un valor a la variable ‘a’3 == "3" Este resultado compara el valor, por lo que el resultado es verdadero.3 === "3" Este resultado da falso, porque se compara tipo y valor.5 < 35 > 35 <= 65 >= 6a && ba || bmiVariable++miVariable += 2Estructura de datos tipo objeto.
var frutas = ['cambur', 'lechosa', 'patilla', 'coco'];
frutas.length // 4
frutas[0] // 'cambur'var masFrutas = frutas.push("uva");
var ultimo = frutas.pop(); // elimina el último elementovar newLong = frutas.unshift('Uva'); // agrega desde el principio var borrarFruta = frutas.shift('Uva'); // Borra el primer elementovar posicion = frutas.indexOf('patilla') // 2var miAuto = {
marca: "Nissan",
modelo: "Tiida",
annio: 2020,
detalle: function(){
console.log(`Auto ${this.modelo}`)
}
}
Las funciones requieren parámetros, argumentos de entrada, que van entre paréntesis. La palabra reservada return hace salir de la función y a su vez retorna el valor asignado al punto donde se llamó la función.
Las funciones se definen con la palabra reservada function.
functionmiFuncion(){
return3;
}
var miFuncion = function(a, b) {
return a + b;
}
Los parámetros son variables que se pasan a una función, cuando llamamos a una función estas variables se llaman argumentos.
// condicion ? resultado para verdadero : resultado para falso;var numero = 1;
var resultado = numero === 1 ? "Sí soy uno" : "no soy uno";
var numero = 1;
switch (numero) {
case1:
console.log("soy uno");
break;
case10:
console.log("soy un 10!");
break;
case100:
console.log("soy un 100!");
break;
default:
console.log("soy otra cosa");
}
El for más común del mundo, igualito a C
var estudiantes = ['pepe', 'paco', 'pepa', 'lupe', 'pacha'];
functionsaludarEstudiantes(estudiante) {
console.log(`Hola, ${estudiante}`);
}
for(var i = 0; i < estudiantes.length; i++) {
saludarEstudiantes(estudiantes[i]);
}
Esto imprime:
Hola, pepe
Hola, paco
Hola, pepa
Hola, lupe
Hola, pacha
Pero el for of es más chévere.
for(var estudiante of estudiantes){
saludarEstudiantes(estudiante);
}
La variable estudiante es la variable singular del for.
while(condicion) {
accion();
}
En javascript existe el do-while también
Javascript contiene algunos conceptos básicos que pueden no ser intuitivos a la hora de programar.
Acceso o alcance a variables
//El alcance (scope) de una variable puede ser://1- Global:var miNombre = "Diego";
//2- Local:functionnombre(){
var miApellido = "De Granda";
console.log(miNombre + " " + miApellido);
}
nombre(); //Devuelve "Diego De Granda"//En todo el código podemos utilizar la variable global.//Las variables locales sólo pueden ser accedidas//dentro de la función en la que fueron declaradas.Variables que se declaran antes de la ejecución. Solo ocurre de ECMAScript 5 hacia abajo. ECMAScript 6 en adelante presenta cons y let como palabras reservadas para inicializar variables.
Si se llaman variables sin previa declaración, javascript las declara como undefined. Variables y funciones se procesan antes del código, pero si se inicializan después de su ejecución estas se consideran un undefined. (Solo sucede si son declaradas luego con “var”)
![[Pasted image 20231009115614.png]]
Convertir de un tipo a otro.
Una concatenación como 4 + “7” da un string “47”. Es una operación entre valores de diferente tipo por lo que concatena strings.
Al intentar hacer 4 * “7” da un valor de número 28, ya que la multiplicación es una operación solo de número.
Para convertir tipos de dato de forma explicita por ejemplo se utiliza String(a) y convierte en string el valor de a. O bien Number() convierte a número.
//Ejemplos en los que Boolean devuelve Falso:Boolean(0); //falseBoolean(null); //falseBoolean(NaN); //falseBoolean(undefined); //falseBoolean(false); //falseBoolean(""); //false//Ejemplos en los que Boolean devuelve verdadero:Boolean(1); //true para 1 o cualquier número diferente de cero (0)Boolean("a"); //true para cualquier caracter o espacio en blanco en el stringBoolean([]); //true aunque el array esté vacíoBoolean({}); //true aunque el objeto esté vacíoBoolean(function(){}); //Cualquier función es verdadera tambiénvar articulos = [
{ nombre: '📱', precio: 1000 },
{ nombre: '💻', precio: 1500 },
{ nombre: '🖥', precio: 2000 },
{ nombre: '⌨️', precio: 100 },
{ nombre: '🖱', precio: 70 },
{ nombre: '🚗', precio: 30000 },
];
// Método Filtervar articulosFiltrados = articulos.filter(function(articulo) {
return articulo.precio <= 500;
});
// Método Mapvar nombreArticulos = articulos.map(function(articulo) {
return articulo.nombre;
});
