値の代わりにオブジェクトの配列をプッシュ

Question

var items = [{ 
    "name": "James", 
    "gender": "boy" 
}, { 
    "name": "Sam", 
    "gender": "boy" 
}, { 
    "name": "Alice", 
    "gender": "girl" 
}]; 

上記のオブジェクトの配列にジェンダーの数を追加したいとします。それは男の子のように2、女の子は1です。

var genderList = []; 
for(var i = 0; i < items.length ; i++){ 
     if(genderList.indexOf(items[i].gender) < 0){ 
     genderList.push(items[i].gender); 
     } 
} 

どうすればこのような結果が得られますか？

[{"name":"boy","count":2},{"girl","count":1}] 

Answer 1

のように試してみてください - 私は{"boy": 2, "girl": 1}のような構造ではなく、配列内の出力を得ることをお勧めしたいです表示されたオブジェクトの作成、更新、および読み込みが簡単で効率的であるためです。

あなたは、あなたが示されてきた形式に変換できます。あなたは.reduce()に慣れていない場合、それは除いて、以下のループと同じことをし

var items = [ 
 
    { "name": "James", "gender": "boy"}, 
 
    { "name": "Sam", "gender": "boy"}, 
 
    { "name": "Alice", "gender": "girl"} 
 
]; 
 

 
var genderCount = items.reduce(function(a, c) { 
 
    a[c.gender] = (a[c.gender]||0) + 1; 
 
    return a; 
 
}, {}); 
 
console.log(JSON.stringify(genderCount)); 
 

 
var asArray = Object.keys(genderCount).map(v => ({ name: v, count: genderCount[v] })); 
 
console.log(JSON.stringify(asArray));

現在のスコープで追加の作業変数を作成する必要はありません。

var items = [ 
 
    { "name": "James", "gender": "boy"}, 
 
    { "name": "Sam", "gender": "boy"}, 
 
    { "name": "Alice", "gender": "girl"} 
 
]; 
 

 
var genderCount = {} 
 
for (var i = 0; i < items.length; i++) { 
 
    genderCount[items[i].gender] = (genderCount[items[i].gender]||0) + 1; 
 
} 
 
console.log(JSON.stringify(genderCount)); 
 

 
// then as above to get your array of objects output: 
 
var asArray = Object.keys(genderCount).map(v => ({ name: v, count: genderCount[v] })); 
 
console.log(JSON.stringify(asArray));

注：上記の例で私はそれが1行にコンソールに収まるようにするためにだけJSON.stringify()を使用していますが、それはカウント/変換プロセスの一部ではありません。

Answer 2

あなたが値をカウントするarray .reduce() methodを使用することができますthis.use Array.map

var items = [{ 
 
    "name": "James", 
 
    "gender": "boy" 
 
}, { 
 
    "name": "Sam", 
 
    "gender": "boy" 
 
}, { 
 
    "name": "Alice", 
 
    "gender": "girl" 
 
}]; 
 
var b=0,g=0; 
 
items.map((item)=>(item.gender=="boy")?b++:g++); 
 
var finalArray = [{"name":"boy","count":b},{"name":"girl","count":g}] 
 
console.log(finalArray);

Answer 3

var items = [ 
    { "name": "T", "gender": "other"}, 
    { "name": "James", "gender": "boy"}, 
    { "name": "Sam", "gender": "boy"}, 
    { "name": "Alice", "gender": "girl"} 
]; 

前の項目を取り、性別のタイプを比較します。それが存在する場合、我々は、我々はそれを作成しない場合は、1を追加して、我々は、オブジェクトからキーを取得し、性別にそれらを分離し、最終的に

var separateNameAndCount = Object.keys(genderTypes).map(type => ({ name: type, count: genderTypes[type] })); 

console.log('separateNameAndCount', separateNameAndCount) 

を数える1.

var genderTypes = items.reduce(function(prev, cur) { 
    prev[cur.gender] = (prev[cur.gender]||0) + 1; 
    return prev; 
}, {}); 

console.log('genderTypes', genderTypes) 

次を追加しますオブジェクトをjson形式に変換します

console.log(JSON.stringify(separateNameAndCount));