Tengo una serie de objetos:
const students = [ { name: 'Tom', class: "Blue" }, { name: 'Pom', class: "Blue" }, { name: 'Max', class: "Red" }, { name: 'Alex', class: "Red" }, { name: 'John', class: "Yellow" } ];
Y me gustaría agrupar los valores devueltos por la propiedad de clase, para poder lograr algo similar a esto en HTML:
Class Blue: Tom, Pom Class Red: Max, Alex Class Yellow: John
nota: la propiedad de clase debe mostrarse una vez como marcado HTML, razón por la cual no creo que esto ayude en absoluto ...
¿Cómo debo hacerlo? Puedo usar filter()
(como a continuación) pero esto es bastante tonto.
const classRed = students.filter(student => student.class === "Red); const classBlue = students.filter(student => student.class === "Blue); ...
Empecé este jsfiddle , pero no estoy seguro de cómo tratar este objeto para mostrar cómo lo quiero.