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.