將二維表格資料條目轉換為 JavaScript 中的物件陣列


假設我們有這樣一個數組 −

const arr = [
   ["Ashley","2017-01-10",80],
   ["Ashley","2017-02-10",75],
   ["Ashley","2017-03-10",85],
    ["Clara","2017-01-10",90],
   ["Clara","2017-02-10",82]
];

我們需要編寫一個 JavaScript 函式,將其中的一個數組作為第一個也是唯一輸入。

然後,該函式應根據輸入陣列構造一個新的物件陣列。該陣列應包含針對輸入陣列中每個唯一子陣列的物件。(在此上下文中,唯一是指第一個元素唯一的子陣列)。

每個物件都必須具有以下模式 −

const output = [
   {"name":"Ashley", "2017-01-10":80, "2017-02-10":75, "2017-03-10":85},
   {"name":"Clara", "2017-01-10":90, "2017-02-10":82}
];

示例

const arr = [
   ["Ashley","2017-01-10",80],
   ["Ashley","2017-02-10",75],
   ["Ashley","2017-03-10",85],
   ["Clara","2017-01-10",90],
   ["Clara","2017-02-10",82]
];
const groupArray = (arr = []) => {
   let grouped = [];
   grouped = arr.reduce(function (hash) { return function (r, a) {
      if (!hash[a[0]]) {
         hash[a[0]] = {
            name: a[0] };
            r.push(hash[a[0]]);
      }
      hash[a[0]][a[1]] = a[2];
      return r;
   };
}
(Object.create(null)), []);
   return grouped;
}
console.log(groupArray(arr));

輸出

控制檯中的輸出為 −

[
   { name: 'Ashley',
   '2017-01-10': 80,
   '2017-02-10': 75,
   '2017-03-10': 85
   },
   { name: 'Clara',
   '2017-01-10': 90,
   '2017-02-10': 82 }
]

更新於:2020 年 11 月 23 日

135 次瀏覽

開啟你的職業生涯

完成課程獲得認證

開始學習
廣告