Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 12 additions & 13 deletions 1-valores.js
Original file line number Diff line number Diff line change
@@ -1,24 +1,23 @@
// Tipos primitivos

40 // Numeros
40 // Números
3.14

"Diego De Granda" // Strings (cadenas de texto), Esto es la forma en la que puedo crear algo que se pueda imprimir en la pantalla, o escribir información, que el usuario pueda entender y leer. utilizar palabras, o frases.
"Diego De Granda" // Strings (cadenas de texto), Esto es la forma en la que puedo crear algo que se pueda imprimir en la pantalla, o escribir información, que el usuario pueda entender y leer, utilizar palabras, o frases.

'Diego De Granda'
'Diego De Granda'

true // Booleanos, estos fueron inventados por George Boole, un Matemático británico. y esto hace referencia a cosas que podamos validar.
false
true // Booleanos, estos fueron inventados por George Boole, un matemático británico. y esto hace referencia a cosas que podamos validar.
false

null // Valores vacios (Empty values), es como un placeholder (espacio reservado para algun valor) de algún valor faltante.

undefined
null // Valores vacíos (Empty values), es como un placeholder (espacio reservado para algun valor) de algún valor faltante.

undefined

/* ================================================================ */

// Tipos de objetos o no primitivos

[1, 2, 3, 4] // corchetes // arrays
{ nombre: 'Diego' } // llaves // objetos
/* ================================================================ */

// Tipos de objetos o no primitivos

[1, 2, 3, 4] // corchetes // arrays
{ nombre: 'Diego' } // llaves // objetos
16 changes: 8 additions & 8 deletions 10-switch.js
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
// Switch es una forma diferente de validar, está depende del caso que sea verdad.

var numero = 1;
var resultado;
var numero = 1;
var resultado;

/* Switch compara con un === por esa razón los elementos tiene que ser idénticos */
/* ¡IMPORTANTE! Switch compara con un === por esa razón los elementos tiene que ser idénticos */

switch (numero) {
case 1:
case 1:
resultado = "Sí es uno";
break;
case 10:
case 10:
resultado = "Sí es diez";
break;
case 100:
resultado = "Sí es cien";
break;
default:
resultado = "No match";
default:
resultado = "No match";
}

console.log(resultado);
console.log(resultado);
21 changes: 10 additions & 11 deletions 12-arrays.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,26 +4,26 @@

var frutas = []; // Array Literal Syntax

var frutas = ["Manzana", "Platano", "Cereza", "Fresa"];
console.log(frutas);
console.log(frutas.length); // length es una propiedad del array
var frutas = ["Manzana", "Platano", "Cereza", "Fresa"];
console.log(frutas);
console.log(frutas.length); // length es una propiedad del array que nos indica la cantidad de elementos que contiene dicho array

// Acceder (por índice) a un elemento del Array
console.log(frutas[0]); // Los arrays iician en "0"
console.log(frutas[0]); // Los arrays inician en el índice "0"


// === Metodos para mutar arrays ===


// .push();

var masFrutas = frutas.push("Uvas"); // Esté metodo añadirá "Uvas" añ final del array
console.log(frutas);
var masFrutas = frutas.push("Uvas"); // Esté metodo añadirá "Uvas" añ final del array
console.log(frutas);

// .pop();

var utlimo = frutas.pop("Uvas"); // Eliminará "Uvas" del final
console.log(frutas);
var utlimo = frutas.pop("Uvas"); // Eliminará "Uvas" del final
console.log(frutas);

// unshift()

Expand All @@ -37,6 +37,5 @@ console.log(frutas);

// .indexOf();

var posicion = frutas.indexOf("Platano"); // te dará la posición de ese item en el array
console.log(frutas);

var posicion = frutas.indexOf("Platano"); // Te dará la posición de ese ítem en el array
console.log(frutas);
51 changes: 25 additions & 26 deletions 13-arr-methods.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,74 +9,73 @@ var articulos = [
]


// Metodos para recorrer arrays
// Métodos para recorrer arrays


// Metodo Filter
/* Válida si es un true o false para poder meterlos al nuevo array, y éste método no modifica el array original */
// Método Filter
/* Válida si es un true o false para poder meterlos al nuevo array. Este método no modifica el array original */

var articulosFiltrados = articulos.filter(function(articulo){
return articulo.costo <= 500 /* Menor o igual a 100 */
var articulosFiltrados = articulos.filter(function(articulo) {
return articulo.costo <= 500 /* Menor o igual a 500 */
});

console.log(articulosFiltrados);

// Metodo Map
// Método Map

var nombreArticulos = articulos.map(function(articulo){
return articulo.nombre
var nombreArticulos = articulos.map(function(articulo) {
return articulo.nombre
});

console.log(nombreArticulos);

// Metodo Find
/* De igual forma, con este método se valida un true o false para encontrar un elemento y si está lo regresa y si no, no pasa nada */
// Método Find
/* De igual forma, con este método se valida con un true o false para encontrar un elemento y si está lo regresa y si no, no pasa nada */

var encuentraArticulos = articulos.find(function(articulo){
var encuentraArticulos = articulos.find(function(articulo) {
return articulo.nombre === 'laptop';
});

console.log(encuentraArticulos);

// Metodo forEach
// Método forEach

articulos.forEach(function(articulo){
articulos.forEach(function(articulo) {
console.log(articulo.nombre);
});

// Metodo Some
// Método Some
/* Este método nos regresa un false o un true para validar si hay o no artículos que cumplan la validación */

var articulosBaratos = articulos.some(function(articulo){
var articulosBaratos = articulos.some(function(articulo) {
return articulo.costo <= 700;
});

console.log(articulosBaratos);
console.log(articulosBaratos);

// Metodo Every
// Método Every

/* Este método checa que todos los elementos en el array cumplan con la validación que ponemos, y al final nos regresa un true o un false */

var articulosBaratos = articulos.every(function(articulo){
var articulosBaratos = articulos.every(function(articulo) {
return articulo.costo <= 700;
});

console.log(articulosBaratos);
console.log(articulosBaratos);

// Metodo Reduce
/* Este método corre una función en cada elemento del array, para comenzar a sumar los costos de cada elemento. */
/* Este método corre una función en cada elemento del array para comenzar a sumar los costos de cada elemento. */

var costoTotal = articulos.reduce(function(totalActual, articulo){
var costoTotal = articulos.reduce(function(totalActual, articulo) {
return articulo.costo + totalActual;
}, 0); // El 0 será la cantidad inicial con la que comenzará el totalActual

console.log(costoTotal);
console.log(costoTotal);

// Metodo Includes
// Método Includes

var numeros = [1, 2, 3, 4, 5, 6];

var incluyeNumero = numeros.includes(2);

console.log(incluyeNumero);
var incluyeNumero = numeros.includes(2);

console.log(incluyeNumero);
21 changes: 10 additions & 11 deletions 14-objects.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,26 @@
var objecto = {}; // Object Literal Syntax

var miAuto = {
marca: "Toyota", // key - value
marca: "Toyota", // key - value
modelo: "Corolla",
annio: 2020,
detallesDelAuto: function() { // Metodo de un objeto (una función dentro de un objeto)
return `Auto ${this.modelo} ${this.annio}`;
}
detallesDelAuto: function() { // Método de un objeto (una función dentro de un objeto)
return `Auto ${this.modelo} ${this.annio}`;
}
};

miAuto.annio
miAuto.modelo
miAuto.annio
miAuto.modelo

miAuto.detallesDelAuto();
miAuto.detallesDelAuto();


// Función constructora

function auto(marca, modelo, annio) { // Creas una función con los parametros que va a recibir,
this.marca = marca; // Utilizamos el "this" para asignar valores a las propiedades del objeto
function auto(marca, modelo, annio) { // Creas una función con los parametros que va a recibir,
this.marca = marca; // Utilizamos el "this" para asignar valores a las propiedades del objeto
this.modelo = modelo;
this.annio = annio;
}

var newAuto = new auto("Tesla", "Model 3", 2020);

var newAuto = new auto("Tesla", "Model 3", 2020);
4 changes: 2 additions & 2 deletions 2-var.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
Es una representación de algún lugar en la memoria para guardar datos
*/

var nombre = "Diego"; // Nombre apuntará en algún lugar en la memoria (nosotros no sabemos donde, pero eso no es importante), pero dirá la señal de = tomará ese string y lo guardará en ese lugar. y después si queremos utilizar ese valor, utilizaremos la variable Nombre para pedir que nos traigan ese string de memoria.
var nombre = "Diego"; // Donde nombre apuntará en algún lugar en la memoria (nosotros no sabemos donde, pero eso no es importante), pero dirá la señal de = tomará ese string y lo guardará en ese lugar, y después si queremos utilizar ese valor, utilizaremos la variable nombre para pedir que nos traigan ese string de memoria.

// = es igual a operador de asignación

Expand All @@ -11,7 +11,7 @@ edad = 30; // Inicializar

var elementos = ['Computadora', 'Celular']; // Aquí la variable seleccionará toda una sección para los elementos del array, y después tendremos acceso a toda la sección destinada en memoria.

var persona = { // de igual forma para el objeto
var persona = { // de igual forma para el objeto
nombre: "Diego",
edad: 30
}
Expand Down
24 changes: 12 additions & 12 deletions 3-function.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,44 +2,44 @@

// Tenemos dos tipo de funciones en js, function Declaration y function Expression

// el nombre reservado de function y parametros que recibira esa function
// el nombre reservado de function y parámetros que recibirá esa function

function miFuncion() { // function declaration Declarativas expresión
return 3;
return 3;
}

miFuncion(); // mandamos llamar la funcion

var miFuncion = function(a,b) { // function Expression (también conocidas como funciones anónimas)
var miFuncion = function(a, b) { // function Expression (también conocidas como funciones anónimas)
return a + b;
}

miFuncion(); // mandamos llamar la variable como funcion
miFuncion(); // mandamos llamar la variable como si lo hiciéramos con una función de tipo declarativa


/* ============================= */


function saludarEstudiante(estudiante) {
console.log(`Hola ${estudiante}`); // template strings (Plantillas de cadena de texto)
console.log(`Hola ${estudiante}`); // template strings (Plantillas de cadena de texto)
}


function suma(a,b) { // está funcion recibe 2 parámetros, que se convierten en un placeholder de valores que se pueden utilizar dentro de la función.
var resultado = a + b;
function suma(a, b) { // está funcion recibe 2 parámetros, que se convierten en un placeholder de valores que se pueden utilizar dentro de la función.
var resultado = a + b;
}

// Return, cómo regresamos un valor con una function.



function suma(a,b) {
var resultado = a + b;
function suma(a, b) {
var resultado = a + b;
return resultado;
}

function suma(a,b) {
return a + b;
function suma(a, b) {
return a + b;
}

suma(20, 30);
suma(20, 30);
Loading