Stel dat ik een array als deze heb:
var arr = [
{type:"orange", title:"First"},
{type:"orange", title:"Second"},
{type:"banana", title:"Third"},
{type:"banana", title:"Fourth"}
];
en ik wil dat dit wordt opgesplitst in arrays met objecten van hetzelfde type, dus:
[{type:"orange", title:"First"},
{type:"orange", title:"Second"}]
[{type:"banana", title:"Third"},
{type:"banana", title:"Fourth"}]
Maar ik wil dit generiek doen, zodat ik geen if-statement heb dat sinaasappel of banaan specificeert
// not like this
for (prop in arr){
if (arr[prop] === "banana"){
//add to new array
}
}
Gedachten? JQuery en Underscore zijn beide opties om te gebruiken.
Antwoord 1, autoriteit 100%
Dit is een gemakkelijke taak voor Array.reduce(...)
:
function groupBy(arr, property) {
return arr.reduce(function(memo, x) {
if (!memo[x[property]]) { memo[x[property]] = []; }
memo[x[property]].push(x);
return memo;
}, {});
}
var o = groupBy(arr, 'type'); // => {orange:[...], banana:[...]}
o.orange; // => [{"type":"orange","title":"First"},{"type":"orange","title":"Second"}]
o.banana; // => [{"type":"banana","title":"Third"},{"type":"banana","title":"Fourth"}]
Als uw doelbrowser(s) ECMAScript 262 5e editie niet ondersteunen, moet u natuurlijk zelf “reduce” implementeren, een polyfill-bibliotheek gebruiken of een ander antwoord kiezen.
[Update]Hier is een oplossing die zou moeten werken met elke versie van JavaScript:
function groupBy2(xs, prop) {
var grouped = {};
for (var i=0; i<xs.length; i++) {
var p = xs[i][prop];
if (!grouped[p]) { grouped[p] = []; }
grouped[p].push(xs[i]);
}
return grouped;
}
Antwoord 2, autoriteit 76%
JQuery en Underscore zijn beide opties om te gebruiken.
groupBy
van Underscore doet precies wat je nodig hebt.
_.groupBy(arr, "type")
Antwoord 3, autoriteit 20%
Dit gaat uit van een array van objecten:
function groupBy(array, property) {
var hash = {};
for (var i = 0; i < array.length; i++) {
if (!hash[array[i][property]]) hash[array[i][property]] = [];
hash[array[i][property]].push(array[i]);
}
return hash;
}
groupBy(arr,'type') // Object {orange: Array[2], banana: Array[2]}
groupBy(arr,'title') // Object {First: Array[1], Second: Array[1], Third: Array[1], Fourth: Array[1]}
Antwoord 4, autoriteit 15%
Bouw gewoon een woordenboek waarin de objecten op basis van hun titel staan. Je zou het als volgt kunnen doen:
js
var arr = [
{type:"orange", title:"First"},
{type:"orange", title:"Second"},
{type:"banana", title:"Third"},
{type:"banana", title:"Fourth"}
];
var sorted = {};
for( var i = 0, max = arr.length; i < max ; i++ ){
if( sorted[arr[i].type] == undefined ){
sorted[arr[i].type] = [];
}
sorted[arr[i].type].push(arr[i]);
}
console.log(sorted["orange"]);
console.log(sorted["banana"]);
jsfiddle-demo: http://jsfiddle.net/YJnM6/
Antwoord 5, autoriteit 9%
ES6-oplossing:
function groupBy(arr, property) {
return arr.reduce((acc, cur) => {
acc[cur[property]] = [...acc[cur[property]] || [], cur];
return acc;
}, {});
}
of volledig ES6FY:
const groupBy = (arr, property) => {
return arr.reduce((acc, cur) => {
acc[cur[property]] = [...acc[cur[property]] || [], cur];
return acc;
}, {});
}
Ik hoop dat het helpt!
Antwoord 6, Autoriteit 8%
typescript-versie.
/**
* Group object array by property
* Example, groupBy(array, ( x: Props ) => x.id );
* @param array
* @param property
*/
export const groupBy = <T>(array: Array<T>, property: (x: T) => string): { [key: string]: Array<T> } =>
array.reduce((memo: { [key: string]: Array<T> }, x: T) => {
if (!memo[property(x)]) {
memo[property(x)] = [];
}
memo[property(x)].push(x);
return memo;
}, {});
export default groupBy;
Antwoord 7
U kunt ook gebruiken
https://lodash.com/docs/4.17.15#Groupby
Het zal uw doel dienen