JavaScript配列オブジェクトによるグループ化
このようないくつかの科目の一部の学生のマークを含む配列の配列があるとします-
const arr = [ ["English", 52], ["Hindi", 154], ["Hindi", 241], ["Spanish", 10], ["French", 65], ["German", 98], ["Russian", 10] ];
そのような配列を1つ取り込んで、オブジェクトのオブジェクトを返すJavaScript関数を作成する必要があります。
返されるオブジェクトには、固有の主題ごとのオブジェクトが含まれている必要があり、そのオブジェクトには、その言語の出現数、合計点数、平均などの情報が含まれている必要があります。
例
このためのコードは-
になりますconst arr = [
["English", 52],
["Hindi", 154],
["Hindi", 241],
["Spanish", 10],
["French", 65],
["German", 98],
["Russian", 10]
];
const groupSubjects = arr => {
const grouped = arr.reduce((acc, val) => {
const [key, total] = val;
if(!acc.hasOwnProperty(key)){
acc[key] = {
'count': 0,
'total': 0
};
};
const accuKey = acc[key];
accuKey['count']++;
accuKey['total'] += total;
accuKey['average'] = total / accuKey['count'];
return acc;
}, {});
return grouped;
};
console.log(groupSubjects(arr)); 出力
そして、コンソールの出力は-
になります{
English: { count: 1, total: 52, average: 52 },
Hindi: { count: 2, total: 395, average: 120.5 },
Spanish: { count: 1, total: 10, average: 10 },
French: { count: 1, total: 65, average: 65 },
German: { count: 1, total: 98, average: 98 },
Russian: { count: 1, total: 10, average: 10 }
} -
JavaScriptのObject.keys()。map()VS Array.map()
以下は、JavaScriptでObject.keys()。map()とArray.map()を示すコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title>
-
JavaScriptでオブジェクトプロパティ名の配列を置き換える
以下は、JavaScriptでオブジェクトプロパティ名の配列を置き換えるコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&g