javascript - 从多维数组转换为javascript中的json对象以在Angular 8应用程序上的表(网格)中迭代

标签 javascript arrays angular typescript multidimensional-array

实际输出:

[["Name","Age","Location","Gender"],["Mary",28,"KY","F"],["Jonathan",34,"NJ","M"],["Kevin",31,"CA","M"]]

预期输出:

[
  {
    "Name":"Mary",
    "Age":28,
    "Location":"KY" ,
    "Gender":"F"
  },
  {
    "Name":"Jonathan",
    "Age":34,
    "Location":"NJ",
    "Gender":"M"
  },
  {
    "Name":"Kevin",
    "Age":31,
    "Location":"CA",
    "Gender":"M"
  }
] 

请帮我解决这个问题。这样我就可以在表中进行迭代。

提前致谢

最佳答案

试试这个:

const input = [["Name", "Age", "Location", "Gender"], ["Mary", 28, "KY", "F"], ["Jonathan", 34, "NJ", "M"], ["Kevin", 31, "CA", "M"]];
const keys = input[0];
const output = input.slice(1).map(entry => {
    const retVal = {};
    keys.forEach((key, index) => {
        retVal[key] = entry[index];
    });
    return retVal;
});
console.log(output);

关于javascript - 从多维数组转换为javascript中的json对象以在Angular 8应用程序上的表(网格)中迭代,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59776661/

相关文章:

Angular Material 淡入淡出过渡

javascript - 限制允许选中的复选框数量

typescript - 如何在 Angular2 中输入 routeParams?

javascript - 包含特殊字符的正则表达式

javascript - javascript 中的 jQuery .each()

ios - "Type' 程序 ' does not conform to protocol ' 任何对象 '"

javascript - 绘制从 View PHP 发送到 Javascript 函数的数组

CSS对象适合: cover does not work with JPEG img with EXIF orientation more 1

javascript - box.js 的 d3.js 箱线图定位问题

javascript - 在 async.waterfall 方法中构建 mongoose 回调。