Supongamos que tengo una matriz de objetos:
var students = [{name: 'Nick',achievements: 158,points: 1473}, {name: 'Nick',achievements: '175',points: '16375'}, {name: 'Ramon',achievements: '55',points: '2025'}];Quiero extraer puntos del nombre Nick solo en una matriz.
Me gusta si (nombre == 'Nick), O/P debería ser [1473,16375]
Lo intenté:
var arrayPoints = students.map(function (el) { if(el.name=='Nick'){ return el.points } });Pero me da o/p:
console.log(arrayPoints) [1473,16375,undefined] o/pUna mirada a los métodos:
Array#map devuelve un valor (nuevo) para cada elemento.
Array#filter devuelve exactamente el elemento si el valor de retorno de la devolución de llamada es veraz
Puede tomar dos pasos, uno para filtrar los elementos y otro para obtener los valores.
const students = [{ name: 'Nick', achievements: 158, points: 1473 }, { name: 'Nick', achievements: '175', points: '16375' }, { name: 'Ramon', achievements: '55', points: '2025' }], arrayPoints = students .filter(student => student.name === 'Nick') .map(student => student.points); console.log(arrayPoints); Si se implementa Array#flatMap , puede tomar un solo ciclo y filtrar y devolver un valor.
La matriz vacía no tiene elementos y esta matriz es un valor neutral que no aparece en la matriz de resultados.
const students = [{ name: 'Nick', achievements: 158, points: 1473 }, { name: 'Nick', achievements: '175', points: '16375' }, { name: 'Ramon', achievements: '55', points: '2025' }], arrayPoints = students .flatMap(student => student.name === 'Nick' ? student.points : [] ); console.log(arrayPoints);Para un resultado de bucle único sin undefined . Podrías hacerlo con Array#reduce
students.reduce(function (acc,el) { if(el.name=='Nick'){ acc.push(el.points) } return acc },[]);Puedes usar reduce para eso:
El método reduce () ejecuta una función de reducción (que usted proporciona) en cada elemento de la matriz, lo que da como resultado un valor de salida único.
Entonces puede usarlo y verificar si el nombre es realmente Nick (el es el valor actual).
si es así, empuje los puntos al acumulador (que es arr).
[] representan el valor inicial pasado a la función de reducción.
var arrayPoints = students.reduce((arr, el) => (el.name === 'Nick' && arr.push(el.points), arr), [])Puede encontrar más información sobre reducir aquí:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce