Recientemente comencé a trabajar en Javascript y me quedé un poco atascado en cómo se supone que funciona el siguiente escenario. He pasado por varios ejemplos pero no he podido descifrar.
const mobiles = [ { BRAND_NAME: 'Samsung', MODEL_NAME: 'Galaxy Note 9', MANUFACTURE_DATE: '2021-11-02' }, { BRAND_NAME: 'Samsung', MODEL_NAME: 'Galaxy S10', MANUFACTURE_DATE: '2021-10-02' }, { BRAND_NAME: 'Apple', MODEL_NAME: 'Iphone X', MANUFACTURE_DATE: '2020-11-02' } ];Tengo que convertir el objeto de matriz anterior y agruparlo por nombre de marca. La salida debería verse como a continuación:
[{ "brandname" : 'Samsung', "details" : [{ modelname: 'Galaxy Note 9", manufacturedate: '2021-11-02' }, { modelname: 'Galaxy S10' manufacturedate: '2021-10-02' }] }, { "brandname" : 'Apple', "details" : [{ modelname: 'IPhone X", manufacturedate: '2020-11-02' }] } ]Busqué y encontré varios artículos en los que dicen que use el mapa si desea un nuevo objeto Array. Estoy confundido sobre cómo hacer esto y si usar map, reduce o cualquier otra función.
¿Alguna sugerencia de cómo hacerlo?
Puede usar Array#reduce con un objeto para almacenar los modelos de cada marca. Para cambiar el nombre de las propiedades, puede asignar las entradas de cada objeto y volver a convertirlo en un objeto con Object.fromEntries .
const mobiles = [ { BRAND_NAME: 'Samsung', MODEL_NAME: 'Galaxy Note 9', MANUFACTURE_DATE: '2021-11-02' }, { BRAND_NAME: 'Samsung', MODEL_NAME: 'Galaxy S10', MANUFACTURE_DATE: '2021-10-02' }, { BRAND_NAME: 'Apple', MODEL_NAME: 'Iphone X', MANUFACTURE_DATE: '2020-11-02' } ]; const res = Object.values(mobiles.reduce((acc, {BRAND_NAME, ...rest})=>{ (acc[BRAND_NAME] ??= {brandname: BRAND_NAME, details: []}).details.push( Object.fromEntries(Object.entries(rest) .map(([k,v])=>[k.toLowerCase().replace('_', ''), v]))); return acc; }, {})); console.log(res);Array.prototype.map es útil cuando desea crear una nueva matriz de la misma longitud, donde cada elemento de la matriz se relaciona de alguna manera con el elemento en el mismo índice en la matriz inicial. En este caso, está creando nuevas matrices que son más cortas, por lo que el mapa no es lo que necesita.
Array.prototype.reduce es útil cuando desea crear de forma incremental un único valor basado en el contenido de una matriz. Si bien podría usar reduce para este ejemplo, no lo recomendaría ya que sería más difícil de seguir que un ciclo simple. La función de reducción es más útil cuando se trabaja con primitivas, ya que el valor que crea incrementalmente se sobrescribe en cada iteración.
Puede encontrar útil Array.prototype.filter , ya que esto puede crear una nueva matriz a partir de una matriz de origen donde cada elemento de la nueva matriz tuvo que pasar alguna prueba cuando se ejecutó en un elemento de la matriz de origen.
Por ejemplo, puede recorrer toda la matriz para recopilar los valores únicos BRAND_NAME (hay algunas formas de hacerlo), luego iterar a través de cada uno de esos valores y ejecutar primero el filter y luego map en su matriz para filtrarlo primero. hasta solo los elementos con el nombre de marca coincidente y, a continuación, cambiar el formato de cada elemento.
Aquí hay un ejemplo:
const mobiles = [ { BRAND_NAME: 'Samsung', MODEL_NAME: 'Galaxy Note 9', MANUFACTURE_DATE: '2021-11-02' }, { BRAND_NAME: 'Samsung', MODEL_NAME: 'Galaxy S10', MANUFACTURE_DATE: '2021-10-02' }, { BRAND_NAME: 'Apple', MODEL_NAME: 'Iphone X', MANUFACTURE_DATE: '2020-11-02' } ]; const mobileBrands = mobiles.map((el) => el.BRAND_NAME); const brandNames = [...new Set(mobileBrands)]; // This is one way to remove duplicate values from an Array // If you need your brands to appear in a particular order, you could sort them here const mobilesByBrand = []; for (let brandName of brandNames) { const brand = { brandname: brandName, }; brand.details = mobiles .filter((el) => el.BRAND_NAME === brandName) .map((el) => { return { modelname: el.MODEL_NAME, manufacturedate: el.MANUFACTURE_DATE, }; }); mobilesByBrand.push(brand); } console.log(mobilesByBrand);