Javascript 将现有json数据显示到类似矩阵的表中

我想将json数据显示到表中。尝试了键值模式。但是没有运气。有人能推荐我吗？谢谢

我的完整JSON数据包含大约20个对象。这是一个根据其他表的值动态创建的表——示例有3。因此，当它是三行时，如果存在JSON数据，那么应该只填充三行。例如，如果有5行，则json中应填充3行，两行应显示“-”

函数setTrait_矩阵（）{
变量json_数据={
标题1_标题1：“2011年至今”，
标题1_标题2：“12sdf”，
标题1_标题3：“1376”，
标题2_标题1：“21yu”，
标题2_标题2：“22”，
标题2_标题3：“235”，
标题3_标题1：“31”，
标题3_标题2：“32”，
标题3_标题3：“33”
};
var矩阵VAL=3；
if（matrixVal！=0 | | matrixVal！=null）{
var root=document.getElementById（“traits_matrix_Div”）；
var table=document.createElement（'table'）；
table.className=“difftable”；
var tblB=document.createElement（'tbody'）；
表1.附件（待定）；
var firstList={}；
对于（变量x=1；x=0&&j>=0）{
input.name=“Title”+curcolumn+“\u Title”+col；
input.value=曲线值；
input.id=“Title”+curcolumn+“\u Title”+col；
}
const td=document.createElement（'td'）；
td.附加子项（输入）；
tr.appendChild（td）；
}
}
root.appendChild（表）；
}
}

函数setTrait_矩阵（）{
变量json_数据={
标题1_标题1：“2011年至今”，
标题1_标题2：“12sdf”，
标题1_标题3：“1376”，
标题2_标题1：“21yu”，
标题2_标题2：“22”，
标题2_标题3：“235”，
标题3_标题1：“31”，
标题3_标题2：“32”，
标题3_标题3：“33”
};
var矩阵VAL=3；
if（matrixVal！=0 | | matrixVal！=null）{
var root=document.getElementById（“traits_matrix_Div”）；
var table=document.createElement（'table'）；
table.className=“difftable”；
var tblB=document.createElement（'tbody'）；
表1.附件（待定）；
var firstList={}；
对于（变量x=1；x=0&&j>=0）{
input.name=“Title”+curcolumn+“\u Title”+col；
input.value=曲线值；
input.id=“Title”+curcolumn+“\u Title”+col；
}
const td=document.createElement（'td'）；
td.附加子项（输入）；
tr.appendChild（td）；
}
}
root.appendChild（表）；
}
}

---

我刚刚对您的代码进行了快速修复。实际上，您并没有在任何地方调用JSON对象数据，所以。。。我只是这样称呼它：

let box_value = json_data["Title" + curcolumn + "_Title" + col];
input.value = box_value?box_value:"-";

函数setTrait_矩阵（）{
变量json_数据={
标题1_标题1：“2011年至今”，
标题1_标题2：“12sdf”，
标题1_标题3：“1376”，
标题2_标题1：“21yu”，
标题2_标题2：“22”，
标题2_标题3：“235”，
标题3_标题1：“31”，
标题3_标题2：“32”，
标题3_标题3：“33”，
标题1_标题4：“1414141”
};
var矩阵VAL=5；
if（matrixVal！=0 | | matrixVal！=null）{
var root=document.getElementById（“traits_matrix_Div”）；
var table=document.createElement（'table'）；
table.className=“difftable”；
var tblB=document.createElement（'tbody'）；
表1.附件（待定）；
var firstList={}；
对于（变量x=1；x=0&&j>=0）{
input.name=“Title”+curcolumn+“\u Title”+col；
let box_value=json_数据[“Title”+curcolumn+“_Title”+col]；
input.value=框值？框值：“-”；
input.id=“Title”+curcolumn+“\u Title”+col；
}
const td=document.createElement（'td'）；
td.附加子项（输入）；
tr.appendChild（td）；
}
}
root.appendChild（表）；
}
}

Hi@Sumesh TG，非常感谢您的回复。根据我的片段，你的答案很好。对于我的项目，我从localStorage获取对象（我的C驱动器-localStorage-在页面中显示它）。。。在这种情况下，即使我在localStorage中看到了值，但在显示器中看不到它。下面的代码我正在使用json_数据来本地存储和显示！var thisMatrix=localStorage.setItem（“matrixObj”，JSON.stringify（JSON_数据））；var tempmatrix=localStorage.getItem（“matrixObj”）；var matrCur=JSON.stringify（tempmatrix）@用户3280899请理解javascript中的

localStorage

，您的c驱动器是不同的。您可以通过从浏览器检查来检查

localStorage

值。是的，我当然理解。。。我正在进行ajax调用，以从c驱动器获取数据并访问localStorage。它工作得很好。localStorage解决了这个特殊的循环问题。当我使用alert时，我看到了对象。但在循环对象时没有得到值。@user3280899 Ok。要将字符串转换为json，应解析该字符串<代码>localStorage.getItem（“matrixObj”）；var matrCur=JSON.parse（tempmatrix）即使是当前代码段的json_数据，我也将其存储在localStorage:localStorage.setItem（“matrixObj”，json.stringify（json_数据）），并试图让对象显示。。。你明白这一点吗？