자바 스크립트 - 속성으로 배열 그룹화 요소

Question

I는 아래 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 방법을 사용할 수 있습니다. 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" }], 
 
    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

밑줄 문서 here에 의해 설명 된대로 단순히 groupBy 기능을 사용하여 :

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

당신은이 경우 색상 인에 그룹에 요소를 속성을 반환합니다 사용할 수있는 기능을 제공해야합니다. 색상에 의해

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

Answer 4

그룹화 할 수있는 항목 :

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);