JavaScriptのオブジェクトの新しい配列の配列オブジェクトプロパティ値の合計
このような一部の学生とそのマークに関するデータを含むオブジェクトの配列があるとします-
const arr = [ { subject: 'Maths', marks: '40', noOfStudents: '5' }, { subject: 'Science', marks: '50', noOfStudents: '16' }, { subject: 'History', marks: '35', noOfStudents: '23' }, { subject: 'Science', marks: '65', noOfStudents: '2' }, { subject: 'Maths', marks: '30', noOfStudents: '12' }, { subject: 'History', marks: '55', noOfStudents: '20' }, ];
そのような配列を1つ取り込むJavaScript関数を作成する必要があります。
この関数は、オブジェクトの「subject」プロパティに基づいて冗長なエントリを削除する必要があります。さらに、この関数は、その単一のオブジェクト内の一意のオブジェクトのすべてのマークを追加し、生徒を追加しないようにする必要があります。
したがって、上記の配列の場合、出力は次のようになります-
const output = [ { subject: 'Maths', marks: '70', noOfStudents: '17' }, { subject: 'Science', marks: '115', noOfStudents: '18' }, { subject: 'History', marks: '95', noOfStudents: '43' }, ];
例
このためのコードは-
になりますconst arr = [ { subject: 'Maths', marks: '40', noOfStudents: '5' }, { subject: 'Science', marks: '50', noOfStudents: '16' }, { subject: 'History', marks: '35', noOfStudents: '23' }, { subject: 'Science', marks: '65', noOfStudents: '2' }, { subject: 'Maths', marks: '30', noOfStudents: '12' }, { subject: 'History', marks: '55', noOfStudents: '20' }, ]; const groupBySubject = (arr = []) => { const map = {}; let res = []; res = arr.reduce((acc, val) => { const { subject, marks, noOfStudents } = val; const { length: l } = acc; if(map.hasOwnProperty(subject)){ acc[map[subject]]['marks'] = +marks; acc[map[subject]]['noOfStudents'] = +noOfStudents; } else{ map[subject] = l; acc.push({ subject: subject, marks: +marks, noOfStudents: +noOfStudents }); }; return acc; }, []); return res; }; console.log(groupBySubject(arr));
出力
そして、コンソールの出力は-
になります[ { subject: 'Maths', marks: 30, noOfStudents: 12 }, { subject: 'Science', marks: 65, noOfStudents: 2 }, { subject: 'History', marks: 55, noOfStudents: 20 } ]
-
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
-
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