JSFiddle - React, Tailwind, and code Playground

by Jussia

HTML

<input type="range">

JavaScript

var a = [{id: 15, value: '14'}, {id: 15, value: '15'}, {id: 17, value: '90'}]

var res = a.reduce( (r, item) => {
        if (! (item.id in r)) {
        	r[item.id] = {
          	filterId: item.id,
            values: []
          }
        }
        r[item.id].values.push(item.value)
        return r
    },{})
    
    var b = []
    for (i in res) {
    	res[i].values.forEach((key) => {
      	b.push({
        	filterId: res[i].filterId,
          value: key
        })
      })
    }
    
    console.log(b)