Tengo una matriz que estoy recuperando de una API. La matriz se ve así:
[{ "name": "Rachel", "count": 4, "fon": "46-104104", "id": 2 }, { "name": "Lindsay", "count": 2, "fon": "43-053201", "id": 3 }, { "name": "Michael", "count": 5, "fon": "46-231223", "id": 4 }]Luego recorro la matriz para crear una matriz que contenga solo los nombres.
function buildName(data) { for (var i = 0; i < data.length; i++) { nameList.push(data[i].name) } }Esto también funciona hasta ahora, pero me gustaría crear una matriz en la que cada nombre aparezca con la frecuencia que indica el recuento de objetos.
Por ejemplo, el nombre Michael debería aparecer cinco veces en la matriz y Lindsay dos veces.
[ "Rachel", "Rachel", "Rachel", "Rachel", "Lindsay", "Lindsay", "Michael", "Michael", "Michael", "Michael" "Michael" ]Para cada objeto, cree una nueva matriz usando count y luego fill con el name .
Si usa flatMap para iterar sobre la matriz de objetos. Devolverá una nueva matriz de objetos anidados, pero luego los aplanará en una estructura no anidada.
const data=[{name:"Rachel",count:4,fon:"46-104104",id:2},{name:"Lindsay",count:2,fon:"43-053201",id:3},{name:"Michael",count:5,fon:"46-231223",id:4}]; const out = data.flatMap(obj => { return new Array(obj.count).fill(obj.name) }); console.log(out);Use un ciclo while interno dentro del ciclo for :
const data = [{ "name": "Rachel", "count": 4, "fon": "46-104104", "id": 2 }, { "name": "Lindsay", "count": 2, "fon": "43-053201", "id": 3 }, { "name": "Michael", "count": 5, "fon": "46-231223", "id": 4 }] function buildName(data){ const result = []; for (let i = 0; i < data.length; i += 1) { let item = data[i]; let count = item.count; while (count > 0) { result.push(item.name); count -= 1; } } return result; } console.log(buildName(data));Puedes usar .flapMap() para eso:
const arr = [{ "name": "Rachel", "count": 4, "fon": "46-104104", "id": 2 }, { "name": "Lindsay", "count": 2, "fon": "43-053201", "id": 3 }, { "name": "Michael", "count": 5, "fon": "46-231223", "id": 4 }]; const result = arr.flatMap(({count, name}) => Array(count).fill(name)); console.log(result); Efectivamente, convierte cada elemento en una matriz de la propiedad del nombre count veces que luego se aplana en una sola matriz.