Tengo una matriz de objetos de JavaScript con la siguiente estructura:
const array = [ {userId: 'P282', zones: ['188']}, {userId: 'P277', zones: []}, {userId: 'P280'}, {userId: 'P281'}, {userId: 'P279'}, {userId: 'U57', zones: ['190', '189', '188']}, ];Quiero asignar todas las zonas de cada usuario a una matriz diferente que se parece a
const zones = ['188', '190', '189', '188']Con o sin elementos duplicados
Puedes hacer una función como esta con array.reduce()
const getZones = (array) => { return array.reduce((acc, curr) => { if (curr.zones) { return [...acc, ...curr.zones]; } return acc; }, []); }flatMap obtiene zonas en una matriz.undefined con filter(Boolean) array.flatMap(x=>x.zones) // ['188', undefined, undefined, undefined, '190', '189', '188'] .filter(Boolean); // ['188', '190', '189', '188']Al aprender, debe usar un bucle for simple. Con el operador de propagación ( ... ) puede dividir una matriz en componentes individuales.
Use una combinación de ambos para obtener las zonas:
const array = [ {userId: 'P282', zones: ['188']}, {userId: 'P277', zones: []}, {userId: 'P280'}, {userId: 'P281'}, {userId: 'P279'}, {userId: 'U57', zones: ['190', '189', '188']}, ]; let zones = []; for(let i = 0 ; i < array.length;i++){ if(Array.isArray(array[i].zones)) zones = [...zones,...array[i].zones]; } console.log(zones);