Exemplo:
const cores = [{id: 1, cor: 'azul'}, {id: 2, cor: 'azul'}, {id: 3, cor: 'azul'}, {id:4, cor: 'verde'}, {id: 5, cor: 'verde'}, {id: 6, cor: 'azul'}, {id: 7, cor: 'verde'}, {id: 8, cor: 'marrom'}, {id: 9, cor: 'marrom'}];
Objeto final a ser retornado ao contar os itens repetidos de forma respectiva:
const objeto = [{cor: 'azul', total: 3}, {cor: 'verde', total: 2}, {cor: 'Azul', total: 1}, {cor: verde, total: 1}, {cor: 'marrom', total: 2}];
Quebrei bastante a cabeça com map e filter e este foi o resultado:
cores.map(item => item.cor).map(value => { if(value !== cor) { cor = value; count = 1; return value; } else { count = ++count; cor = value; } return count; });
(9) ["azul", 2, 3, "verde", 2, "azul", "verde", "marrom", 2]
Percebam que eu consegui o valor e o resultado final dos que possuem quantidades maiores que 1. Após a cor azul, o numero 2 e 3 são as contagens feitas pelo map acima e 3 e o total de azul da primeira ocorrência. Após isto o verde que possui 2 ocorrências, depois o azul e o verde que tem apenas 1 ocorrência mais não consegui que eles retornassem o valor inteiro 1, depois o marrom que possui 2 ocorrências repetidas. Após isto tentei refazer de outras maneiras mais apenas códigos falhos.