从矩阵样式的对象数组创建数组数组

Question

我有一个对象数组。我正在尝试创建一个类似矩阵的对象数组。

这是我的代码：

let data = [
    {device: 'iphone',   site: 'google', val1:10, val2:20, val3:30},
    {device: 'iphone',   site: 'bing',   val1:23, val2:12, val3:14},
    {device: 'iphone',   site: 'jeeves', val1:67, val2:78, val3:12},
    {device: 'ipad',     site: 'google', val1:10, val2:20, val3:30},
    {device: 'ipad',     site: 'bing',   val1:23, val2:12, val3:14},
    {device: 'ipad',     site: 'jeeves', val1:67, val2:78, val3:12}
    ];

let arr = data.map(d => Object.values(d));
console.log(arr);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

当我像上面那样做地图时，我将所有对象值放入数组数组中。

如何使我的数据看起来像这样：

    arr = [
        [0,0,67], [0,1,23],[0,2,10],[0,3,67],[0,4,23],[0,5,10],
        [1,0,78], [1,1,12],[1,2,20],[1,3,78],[1,4,12],[1,5,20],
        [2,0,12], [2,1,14],[2,2,30],[2,3,12],[2,4,14],[2,5,30],
        ]

不确定如何使我的数组对象看起来像上面的矩阵。

Answer 1

要仅从每个对象中获取数值，请使用 Array.filter()，并忽略 NaN（不是数字）的值：

const data = [{"device":"iphone","site":"google","val1":10,"val2":20,"val3":30},{"device":"iphone","site":"bing","val1":23,"val2":12,"val3":14},{"device":"iphone","site":"jeeves","val1":67,"val2":78,"val3":12},{"device":"ipad","site":"google","val1":10,"val2":20,"val3":30},{"device":"ipad","site":"bing","val1":23,"val2":12,"val3":14},{"device":"ipad","site":"jeeves","val1":67,"val2":78,"val3":12}];

const arr = data.map(d => Object.values(d).filter(v => !isNaN(v)));

console.log(arr);

要获取您的矩阵 - 反转数组，映射对象，然后在过滤它们后映射值，并使用索引。将结果展平一层，按照矩阵中每个子数组的第一个值排序。

const data = [{"device":"iphone","site":"google","val1":10,"val2":20,"val3":30},{"device":"iphone","site":"bing","val1":23,"val2":12,"val3":14},{"device":"iphone","site":"jeeves","val1":67,"val2":78,"val3":12},{"device":"ipad","site":"google","val1":10,"val2":20,"val3":30},{"device":"ipad","site":"bing","val1":23,"val2":12,"val3":14},{"device":"ipad","site":"jeeves","val1":67,"val2":78,"val3":12}];

const arr = [...data]
  .reverse()
  .map((d, y) => 
    Object.values(d)
      .filter(v => !isNaN(v))
      .map((v, x) => [x, y, v])
  )
  .flat(1)
  .sort(([a], [b]) => a - b);
  
console.log(arr);