javascript - 按屬性對數組中的元素進行分組

Question

我想從下面的json過濾相同顏色的對象，並且每個顏色值都包含兩個值（顏色和數值）的組合，但我只是想根據顏色進行過濾。

這裏我曾嘗試

var _ = require('underscore-plus'); 
var data = [{ 
"name": "jim", 
    "color": "blue 1", 
    "age": "22" 
}, { 
"name": "Sam", 
    "color": "blue 2", 
    "age": "33" 
}, { 
"name": "eddie", 
    "color": "green 1", 
    "age": "77" 
}, 
{ 
"name": "Dheeraj", 
    "color": "blue 3", 
    "age": "25" 
}, 
{ 
"name": "Suraj", 
    "color": "green 1", 
    "age": "25" 
} 
]; 

var result=_.groupBy(data,"color"); 
console.log(result) 

結果應當是具有相同顏色的對象陣列。

[{ "name": "jim", "color": "blue 1", "age": "22" }, 
{ "name": "Sam", "color": "blue 2", "age": "33" }, 
{ "name": "Dheeraj", "color": "blue 3", "age": "25" }] 

和

[{ "name": "Suraj", "color": "green 1", "age": "25" }, 
{ "name": "eddie", "color": "green 1", "age": "77" }] 

Answer 1

你可以組：

如果你想，而不是篩選，在問題中提到，您可以使用下劃線filter方法。

var data = [{ "name": "jim", "color": "blue 1", "age": "22" }, { "name": "Sam", "color": "blue 2", "age": "33" }, { "name": "eddie", "color": "green 1", "age": "77" }, { "name": "Dheeraj", "color": "blue 3", "age": "25" }, { "name": "Suraj", "color": "green 1", "age": "25" }], 
 
    grouped = {}, 
 
    colors; 
 

 
data.forEach(function (a) { 
 
    var group = a.color.match(/^[a-z]+/i); 
 
    grouped[group] = grouped[group] || []; 
 
    grouped[group].push(a); \t \t \t 
 
}); 
 
colors = Object.keys(grouped); 
 
colors.forEach(function (color) { 
 
    console.log(color, grouped[color]); 
 
});

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

您可以使用Jquery.grep()例如

var result = $.grep(data, function(n){ return n.color == "blue 3" })

Answer 3

只需使用groupBy功能用下劃線文檔here詳見：

var result = _.groupBy(data, function(datum) { return datum.color; }); 

您需要提供一個要使用的函數，該函數將返回屬性以將元素進行分組，這種情況下爲顏色。通過顏色

var blueOne = _.filter(data, function(datum){ return datum.color == 'blue 1'; }); 

Answer 4

您可以將項目使用Array.prototype.reduce：

var data = [{ 
 
    "name": "jim", 
 
    "color": "blue 1", 
 
    "age": "22" 
 
}, { 
 
    "name": "Sam", 
 
    "color": "blue 2", 
 
    "age": "33" 
 
}, { 
 
    "name": "eddie", 
 
    "color": "green 1", 
 
    "age": "77" 
 
}, { 
 
    "name": "Dheeraj", 
 
    "color": "blue 3", 
 
    "age": "25" 
 
}, { 
 
    "name": "Suraj", 
 
    "color": "green 1", 
 
    "age": "25" 
 
}]; 
 

 
var result = data.reduce(function(grouped, obj) { 
 
    var key = obj.color.split(' ')[0]; // get the color from the key 
 
    grouped[key] = (grouped[key] || []).concat(obj); // use the existing array or create a new array, add the object to it, and assign it to the grouped object 
 
    
 
    return grouped; // return the grouped object 
 
}, {}); 
 

 
console.log(result);