Javascript: Bestimmen Sie doppelte Objekte in einem Array und zurück Array von ihnen

Question

Ich habe ein Array von Objekten

[ 
{ 
    classname: ".icon" 
    data : "12" 
    }, 
    { 
    classname: ".icon1" 
    data : "34" 
    }, 
    { 
    classname: ".icon2" 
    data : "56" 
    }, 
    { 
    classname: ".icon" 
    data : "78" 
    }, 
    { 
    classname: ".icon1" 
    data : "90" 
    }, 
    { 
    classname: ".icon1" 
    data : "AB" 
    } 
] 

ich ein Array von Arrays durch ihre Vervielfältigung gruppiert zurückkehren wollen, wie diese

[ 
{ 
classname: ".icon" 
data : "12" 
}, 
{ 
classname: ".icon" 
data : "78" 
} 
] 

[ 
{ 
classname: ".icon1" 
data : "34" 
}, 
{ 
classname: ".icon1" 
data : "90" 
}, 
{ 
classname: ".icon1" 
data : "AB" 
} 
] 

Ich kann sowohl lodash als auch natives JavaScript verwenden. Wichtig: Die Reihenfolge ihres ursprünglichen Auftretens muss im zurückgegebenen array-Array beibehalten werden. Ich Keying auf den Namen der Eigenschaft 'classname'

Answer 1

Sie können dies tun mit reduce()

var data = [{"classname":".icon","data":"12"},{"classname":".icon1","data":"34"},{"classname":".icon2","data":"56"},{"classname":".icon","data":"78"},{"classname":".icon1","data":"90"},{"classname":".icon1","data":"AB"}] 
 

 
var obj = {} 
 
var result = data.reduce(function(r, e) { 
 
    if (!obj[e.classname]) { 
 
    obj[e.classname] = [] 
 
    r.push(obj[e.classname]) 
 
    } 
 
    obj[e.classname].push(e) 
 
    return r; 
 
}, []) 
 

 

 
console.log(result)