将2D表格数据输入到一个对象数组中的JavaScript

Question

我有一个JS数组：

var 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]]; 

，并希望进行嵌套对象的新数组。这个想法是在新的对象中有名称，时间段和分数。它应该是这样的：

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

Answer 1

您可以使用Array#reduce并使用纯JS对象作为地图暂时由它们相关的人类名字的对象存储为您遍历您array：

var array = [ 
 
    ["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] 
 
] 
 

 
var result = [] 
 
array.reduce(function(map, e) { 
 
    map[e[0]] || result.push(map[e[0]] = { name: e[0] }) 
 
    map[e[0]][e[1]] = e[2] 
 
    return map 
 
}, {}) 
 

 
console.log(result)

.as-console-wrapper { min-height: 100%; }

Answer 2

您可以使用散列表作为名称并用它收集其他数据。

var array = [["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]], 
 
    grouped = array.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)), []); 
 

 
console.log(grouped);

.as-console-wrapper { max-height: 100% !important; top: 0; }