What would be an elegant way (jQuery or JavaScript) to merge such an array of objects:
var params = [
{"name":"filter_color","value":"black"},
{"name":"filter_color","value":"blue"},
{"name":"filter_size","value":"l"},
{"name":"filter_size","value":"m"}
];
into:
var params = [
{"name":"filter_color","value":"black,blue"},
{"name":"filter_size","value":"l,m"}
]
for later use in $.param(params)?
You could use a hash table and group it by the wanted key.
function groupBy(array, key, fn) {
var hash = Object.create(null);
return array.reduce(function (r, o) {
if (!hash[o[key]]) {
hash[o[key]] = {};
hash[o[key]][key] = o[key];
r.push(hash[o[key]]);
}
fn(o, hash[o[key]]);
return r;
}, []);
}
var array = [{ name: "filter_color", value: "black" }, { name: "filter_color", value: "blue" }, { name: "filter_size", value: "l" }, { name: "filter_size", value: "m" }],
result = groupBy(array, 'name', function (s, t) {
t.value = t.value ? t.value + ',' + s.value : s.value;
});
console.log(result);.as-console-wrapper { max-height: 100% !important; top: 0; }
You can use Array.reduce method to convert your existing array into a new structure.
let arr = [
{"name":"filter_color","value":"black"},
{"name":"filter_color","value":"blue"},
{"name":"filter_size","value":"l"},
{"name":"filter_size","value":"m"}
];
let newArr = arr.reduce((acc, curr) => {
if(acc.some(obj => obj.name === curr.name)) {
acc.forEach(obj => {
if(obj.name === curr.name) {
obj.value = obj.value + " " + curr.value;
}
});
} else {
acc.push(curr);
}
return acc;
}, []);
console.log(newArr);
reduce + forEach? Oh god why..forEach implementation. I just focused on reduce to display the new structure.