Javascript 如何在一个表行中显示类似的JSON数据

我想在一行中显示类似的JSON数据。 我试图将

数组索引

与

键索引

进行比较，并存储在新的

数组

预期结果

这是我的代码

var数组=[{“英语1”：“1”、“英语2”：“2”、“印地语1”：“1”、“印地语2”：“2”、“古吉拉特语1”：“1”、“古吉拉特语2”：“2”、“马拉地语1”：“1”、“马拉地语2”：“2”}]
键=[“英语”、“印地语”、“古吉拉特语”、“马拉地语”]，
分组={}；
$。每个（数组、函数（i、v）{
$。每个（键、功能（ii、vv）{
var o={}；
o[vv]=v[vv]；
分组[vv]=分组[vv]| |[]；
分组[vv]。推送（o）；
});
});
document.write（“”+JSON.stringify（分组，0,4）+“”）

语言
第1列
第2列
由于您有两列需要在其中输入值，您可以为两列创建单独的
JSON数组
，其中键将相同。然后，在每个循环中比较
键
是否与
键
匹配，并且仅在匹配时输入值。最后，要生成表，您可以使用
+=
将htmls附加到某个变量中，并将其附加到tbody中

演示代码：


//假设您的json如下所示：
变量数组=[{
中文：“1”，
印地语：“1”，
古吉拉特邦：“1”，
马拉蒂：“1”
}, {
印地语：“2”，
古吉拉特邦：“2”，
马拉蒂：“2”，
中文：“2”
}]
键=[“英语”、“印地语”、“古吉拉特语”、“马拉地语”]，
分组=[]；
$。每个（键、功能（i、v）{
var o={}；//创建对象
o[v]=new Array（）//使用特定键创建数组
$。每个（数组、函数（ii、vv）{
o[v].push（vv[v]）//仅当键匹配时才推送值
});
grouped.push（o）；//外部数组中的push数组
});
var htmls=“”；
$。每个（分组，功能（i）{
$。每个（分组[i]，函数（键，值）{
htmls+=“”+key+“”+val[0]+“”+val[1]+“”；//生成htmls。。
});
});
$（“#showData”）.html（htmls）//将其添加到tbody

语言
第1列
第2列
您应该查看alpineJS。您可以编写一个alpineJS模板，只需在数组中填充数据，alpineJS就会自动填充表。