Header Ads Widget

Responsive Advertisement

Ticker

6/recent/ticker-posts

JavaScript parte 2




let i = 0;
for(let i = 0 ; i < 10; i++ ){
    // console.log(i);
    // if( i % 3 === 0 && i % 5 === 0){
    if( i % 3 === 0 ){
        console.log(`${i} fizz buzz`)
    }else if(i % 3 ===0){
        console.log(`${i} fizz`)
    }else if(i % 5 ===0){
        console.log(`${i} buzz`)
    }
// }
// While loop
let s = 0;
while(s < 10){
    console.log(`Numero ${s}`)
    s++;
}
}
// Do while se ejecuta al menos una vez ,si se cumple la condicion o no , posteriormente comprueba
let x = 1;
do{
    if( x % 15 === 0 ){
        console.log(`${x} es un while`)
    }else if(x % 3 ===0){
        console.log(`${x} while`)
    }else if(x % 5 ===0){
        console.log(`${x} do while`)
    }
    x++;
}while(x < 10)
    // Foreach es ideal para recorrer arreglos ,si hay 20 elementos se ejecutara 20 veces
const arreglo = ['Minitor', 'Cpu','Teclado'];
// arreglo.forEach((arreglo) => {
//     console.log(arreglo);
arreglo.forEach((arreglo ,indice ) => {
    // console.log(arreglo)
    console.log(`${indice}:${arreglo}`)
})
// For of es una version màs simplificada ,iterra sobre arreglos
const arreglo1 = ['Minitor', 'Cpu','Teclado'];
const compras = [{
    nombre: 'Monitor de 20 puldadas ' , precio:600},
    {nombre: 'Cpu de escritorio ' , precio:50},
    {nombre: 'Teclado gamer ' , precio:70},
]
for (let compra of compras){
    console.log(arreglo1)
}
for (let producto of compras){
    console.log(producto.nombre)
}
// For in itera sobre objetos , nos muestra el indice
const programar = {
    nombre: 'Java',
    nombre1: 'JavaScript',
    nombre2:'Php',
}
// for (let iterar in programar){
//     // console.log(iterar)
//     console.log(`${programar[iterar]}`)
// }
for(let[llave ,valor] of Object.entries(programar)){
    console.log(llave);
    console.log(valor);
}
// array methosds hacen el trabajo pesado por mi
// Some soporta los 2 tipos de objetos ,include solo arreglo2
const arreglo3= ['JavaScript', 'Php','Java'];
const compras1 = [{
    nombre: 'C++ ' , precio:50},
    {nombre: 'Html de escritorio ' , precio:80},
    {nombre: 'C· ' , precio:100},
]
arreglo3.forEach(err => {
    if(err === 'JavaScript'){
        console.log('JavaScript si existe')
    }
})
const resultado = arreglo3.includes('Php');
console.log(resultado)
const existe = compras1.some(producto => producto.nombre === 'Monitor curvo');
console.log(existe);
const existe2 = arreglo3.some(err => err === 'React' );
console.log(existe2);
// Encontrar la posiciòn en un array findIndex
const arreglo4= ['JavaScript', 'Php','Java'];
const compras2 = [{
    nombre: 'C++ ' , precio:50},
    {nombre: 'Html de escritorio ' , precio:80},
    {nombre: 'C· ' , precio:100},
]
arreglo4.forEach((arr , i ) =>{
    console.log(i);
    console.log(arreglo4);
})
// -1 cuando no lo pudo encontrar
const indice = arreglo4.findIndex(arr => arr === 'Java');
console.log(indice);
// Comprobar
if(indice > 0 ){

}
// Encontrar un indice en un arreglo de objetos
// Retorna del primer elemento que encuntre
// Retorna el primer indice que encuentre
const indice2 = compras2.findIndex(producto => producto.precio === 80);
console.log(indice2);
// Reduce funcion
const compras3 = [{
    nombre: 'Luis ' , precio:10},
    {nombre: 'Carlos ' , precio:20},
    {nombre: 'Alex ' , precio:30},
]
let total = 0;
// Con un forEach
compras3.forEach(producto => total += producto.precio)
console.log(total);
// Con un reduce codigo màs reducidad
// total se le asigna al 0
let resultado1 = compras3.reduce((total ,producto) => total + producto.precio ,0)
console.log(resultado1);
// Mètodo filter crea un nuevo objeto basado en el parametro a evaluar
const compras4 = [
    {nombre: 'Perez ' , precio:10},
    {nombre: 'Saltos ' , precio:20},
    {nombre: 'Alava ' , precio:30},
]
let resultado2;
resultado2 = compras4.filter(producto => producto.precio > 10);
resultado2 = compras4.filter(producto => producto.precio < 10);
resultado2 = compras4.filter(producto => producto.nombre !== 'Perez');
resultado2 = compras4.filter(producto => producto.nombre === 'Perez');
console.log(resultado2);
// Find crea una busqueda en la condicion a realizar
const compras5 = [
    {nombre: 'Perez ' , precio:10},
    {nombre: 'Saltos ' , precio:20},
    {nombre: 'Alava ' , precio:30},
]
resultado3 = compras5.find(producto => producto.precio === 10);
console.log(resultado3);
// Every todos los elementos deben coicir una condicion para que nos retornen un true
const instrumentos = [
    {nombre: 'Guitarra ' , precio:10},
    {nombre: 'Piano ' , precio:20},
    {nombre: 'Violin ' , precio:30},
]
const resultados = instrumentos.every(producto => producto.precio < 500);
console.log(resultados);
const resultados1 = instrumentos.some(producto => producto.precio > 500);
console.log(resultados1);
// Concat unir arreglos
const arreglo5= ['Uno', 'Dos','Tres'];
const arreglo6= ['Cuatro', 'Cinco','Seis'];
const arreglo7= ['Siete', 'Ocho','Nueve'];
const arreglo8= ['Dies', 'Once','Doce'];
const resultado4 = arreglo5.concat(arreglo6 , arreglo7);
console.log(resultado4);
// Spreed operator ...
const resultado5 = [...arreglo5 , ...arreglo6 ,...arreglo8];
console.log(resultado5);
// Push mdifica ,spreead no programaciòn funcional
const años= ['Enero', 'Febrero','Marzo'];
const elementos = [
    {nombre: 'Circulo ' , precio:30},
    {nombre: 'Cuadrado ' , precio:20},
    {nombre: 'Rectangulo ' , precio:10},
]
años.push('Abril');
console.log(años);
const años2 = [...años ,'Mayo'];
// El òrden es importante
// const años2 = ['Mayo' , ...años ];
console.log(años2);

const producto = {nombre: 'disco duro', precio:400};
const elementos1 = [...elementos ,producto];