Array Cardio 💪

Por favor mira la consola del navegador, para ver los ejercicios de práctica con arreglos. 💁

También te dejo el código detallado a continuación:

✔ Tengo el arreglo inventors de inventores, con su nombre, apellido, año de nacimiento y año de fallecimiento.


      const inventors = [
        { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 },
        { first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 },
        { first: 'Galileo', last: 'Galilei', year: 1564, passed: 1642 },
        { first: 'Marie', last: 'Curie', year: 1867, passed: 1934 },
        { first: 'Johannes', last: 'Kepler', year: 1571, passed: 1630 },
        { first: 'Nicolaus', last: 'Copernicus', year: 1473, passed: 1543 },
        { first: 'Max', last: 'Planck', year: 1858, passed: 1947 },
        { first: 'Katherine', last: 'Blodgett', year: 1898, passed: 1979 },
        { first: 'Ada', last: 'Lovelace', year: 1815, passed: 1852 },
        { first: 'Sarah E.', last: 'Goode', year: 1855, passed: 1905 },
        { first: 'Lise', last: 'Meitner', year: 1878, passed: 1968 },
        { first: 'Hanna', last: 'Hammarström', year: 1829, passed: 1909 }
      ];

✔ Tengo otro arreglo peoplecon una lista de String con nombre y apellido de personas.


      const people = [
      'Bernhard, Sandra', 'Bethea, Erin', 'Becker, Carl', 'Bentsen, Lloyd', 'Beckett, Samuel', 'Blake, William', 'Berger, Ric', 'Beddoes, Mick', 'Beethoven, Ludwig',
      'Belloc, Hilaire', 'Begin, Menachem', 'Bellow, Saul', 'Benchley, Robert', 'Blair, Robert', 'Benenson, Peter', 'Benjamin, Walter', 'Berlin, Irving',
      'Benn, Tony', 'Benson, Leana', 'Bent, Silas', 'Berle, Milton', 'Berry, Halle', 'Biko, Steve', 'Beck, Glenn', 'Bergman, Ingmar', 'Black, Elk', 'Berio, Luciano',
      'Berne, Eric', 'Berra, Yogi', 'Berry, Wendell', 'Bevan, Aneurin', 'Ben-Gurion, David', 'Bevel, Ken', 'Biden, Joseph', 'Bennington, Chester', 'Bierce, Ambrose',
      'Billings, Josh', 'Birrell, Augustine', 'Blair, Tony', 'Beecher, Henry', 'Biondo, Frank'
    ];

✔ Para utilizar Array.prototype.filter(), filtro la lista de inventores que nacieron en 1500's

const fifteen = inventors.filter(function(inventor) { if(inventor.year >= 1500 && inventor.year <= 1599) { return true; // asi me lo guarda } });

También lo puedo escribir como arrow function y como solo voy a guardar lo que cumpla la condición, puedo hacer un return implícito y sacar la palabra return:

const fifteen = inventors.filter(inventor => (inventor.year >= 1500 && inventor.year <= 1599));

Para verlo en tabla utilizo console.table().

console.table(fifteen);

✔ Para utilizar Array.prototype.map(), voy a crear un arreglo con los nombres y apellidos de los inventores

const fullNames = inventors.map(inventor => `${inventor.first} ${inventor.last}`); console.log(fullNames);

✔ Para utilizar Array.prototype.sort() voy a ordener a los invertores, con el dato de su nacimiento, desde el más viejo al más joven

const orderedByAge = inventors.sort(function(firstInventor, secondInventor) { if(firstInventor.year > secondInventor.year) { return 1; } else { return -1; } });

O lo puedo simplificar con un ternario:

const orderedByAge = inventors.sort((firstInventor, secondInventor) =>(firstInventor.year > secondInventor.year) ? 1 : -1);

Y para mostrarlo en una tabla:

console.table(orderedByAge);

✔ Para utilizar Array.prototype.reduce() voy a calcular cuantos años en total vivieron todos los inventores juntos.

En ver de utilizar un ciclo for con un acumulador para ir sumando, voy a usar reduce:

const totalYears = inventors.reduce((total, inventor) => { return total + (inventor.passed - inventor.year); }, 0);

En el primer loop total no está definido, por eso con el 0 lo inicializo en 0.

✔ Ordeno a los inventores por los años vividos

const oldest = inventors.sort(function(a,b) { const lastInventor = a.passed - a.year; const nextInventor = b.passed - b.year; return lastInventor > nextInventor ? -1 : 1; });

Y para verlo en una tabla:

console.table(oldest);

✔ Para crear una lista de boulevares de Paris que contengan 'de' en algún lugar de su nombre

Utilizo la consola de esta web:

https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris const category = document.querySelector('mw-category');

Si hago: const links = category.querySelectorAll('a');, como .querySelector me devuelve una lista de nodos, no un array, voy a convertir la constante links en un array de nombres y luego filtrarla con los que incluyan 'de'.

Una opción es con rest: const links = [...category.querySelectorAll('a')];

Pero utilizo otra forma que es más legible:

const links = Array.from(category.querySelectorAll('a'));

Y aplico .map() y .filter():

const de = links .map(link => link.textContent) .filter(streetName => streetName.includes('de'));

Lo muestro por consola:

console.log(de);

✔ Ahora voy a trabajar con el array de personas, para ordenar a las personasa lfabeticamente por el apellido, con .sort().

const alpha = people.sort((lastOne, nextOne) => { //Como me devuelve un array los voy a pasar a variables, para poder separar con .split() const [aLast, aFirst] = lastOne.split(', '); const [bLast, bFirst] = nextOne.split(', '); return aLast > bLast ? 1 : -1; });

Y lo veo en consola en forma de tabla:

console.table(alpha);

✔ Para utilizar .reduce(), sumo las instancias del array guardado en la constante data

const data = ['car', 'car', 'truck', 'truck', 'bike', 'walk', 'car', 'van', 'bike', 'walk', 'car', 'van', 'car', 'truck' ];

const transportation = data.reduce(function(obj, item) { if (!obj[item]) { obj[item] = 0; } obj[item]++; return obj; }, {});

Para verlo en consola:

console.log(transportation);

✔ Tengo el arreglo guardado en la constante peopele2 que tiene como elementos objetos(personas, con atributos de nombre y año de nacimiento).

const people2 = [ { name: 'Wes', year: 1988 }, { name: 'Kait', year: 1986 }, { name: 'Irv', year: 1970 }, { name: 'Lux', year: 2015 } ];

Voy a utilizar el metodo .some() para ver si hay mayores de edad:

const isAdult = people2.some(person => ((new Date()).getFullYear()) - person.year >= 18);

Y lo muestro por consola:

console.log({isAdult});

Y como el método .some() me da como resultado true si al menos uno de los elementos cumple con la condición, entonces veo en consola true

Pero si utilizo el método .every(), todos los elementos deben sumplir con la condición, y como eso no sucede, voy a ver false:

const allAdults = people2.every(person => ((new Date()).getFullYear()) - person.year >= 19);

Para verlo por consola:

console.log({allAdults});

>✔ Tengo un nuevo arreglo guardado en la constante comments, cada elemento es un objeto con un texto y un id

const comments = [ { text: 'Love this!', id: 523423 }, { text: 'Super good', id: 823423 }, { text: 'You are the best', id: 2039842 }, { text: 'Ramen is my fav food ever', id: 123523 }, { text: 'Nice Nice Nice!', id: 542328 } ];

Con este nuevo array comments voy a utilizar el metodo find(), que es parecido a .filter(), pero en vez de retornar solo el que estoy buscando. Voy a buscar el comment con ID de 823423:

const comment = comments.find(comment => comment.id === 823423);

Lo veo en consola:

console.log(comment);

✔ Y ahora para utilizar le metodo .findIndex(), voy a buscar en que posicion se encuentra el elemento que tiene como ID: 823423.

const index = comments.findIndex(comment => comment.id === 823423)

Para verlo en consola:

console.log(index);

✔ Y ahora voy a eliminar ese elemento, lo podría hacer utilizando el método .splice(index,1); pero mejor voy a utilizar el método .slice(); y lo voy a guardar en la nueva constante llamada newComments

const newComments = [ ...comments.slice(0, index), ...comments.slice(index + 1) ];

Para verlo por consola:

console.log(newComments);