Javascript 使用jQuery的具有相同键和不同值的对象数组
如何基于对象数组显示别名Javascript 使用jQuery的具有相同键和不同值的对象数组,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,如何基于对象数组显示别名 var test=[{tableName:“EMP”,别名:“E1”}, {表名:“EMP”,别名:“E2”}, {tableName:“DEPT”,别名:“D”}, {tableName:“EMP”,别名:'}, ] 表名 别名 电磁脉冲 电磁脉冲 部 电磁脉冲 您可以选择表中的所有输入,并使用foreach方法进行设置 var test=[{tableName:“EMP”,别名:“E1”}, {表名:“EMP”,别名:“E2”}, {tableName:“DE
var test=[{tableName:“EMP”,别名:“E1”},
{表名:“EMP”,别名:“E2”},
{tableName:“DEPT”,别名:“D”},
{tableName:“EMP”,别名:'},
]
表名
别名
电磁脉冲
电磁脉冲
部
电磁脉冲
您可以选择表中的所有输入,并使用foreach方法进行设置
var test=[{tableName:“EMP”,别名:“E1”},
{表名:“EMP”,别名:“E2”},
{tableName:“DEPT”,别名:“D”},
{tableName:“EMP”,别名:'},
];
var inputs=document.queryselectoral('tbody inputs');
test.forEach(函数(元素、索引){
输入[index].value=element.aliasName;
});代码>
表名
别名
电磁脉冲
电磁脉冲
部
电磁脉冲
这并不需要jQuery。您可以用JavaScript轻松生成整个表,如下所示:
var test=[{tableName:“EMP”,别名:“E1”},
{表名:“EMP”,别名:“E2”},
{tableName:“DEPT”,别名:“D”},
{tableName:“EMP”,别名:'},
];
var html='表名别名';
对于(变量i=0;i
如果您使用jquery解决问题
$(文档).ready(函数(){
var test=[{tableName:“EMP”,别名:“E1”},
{表名:“EMP”,别名:“E2”},
{tableName:“DEPT”,别名:“D”},
{tableName:“EMP”,别名:'},
];
测试forEach(功能(项目){
$(“tbody”)。附加(“”+
“”+项。表名+“”+
''+
'');
});
});代码>
表名
别名
您可以动态创建条目,这在您的情况下更可靠
演示
表名
别名
var test=[{tableName:“EMP”,别名:“E1”},
{表名:“EMP”,别名:“E2”},
{tableName:“DEPT”,别名:“D”},
{tableName:“EMP”,别名:'},
];
设tbody=$('tbody');
让html;
for(让测试的{tableName:name,aliasName:alias}){
html+=`
${name}
`;
}
tbody.html(html)
您可以使用和使用其索引来帮助您获得所需的特定数组元素
var arr=[{tableName:“EMP”,别名:“E1”},
{表名:“EMP”,别名:“E2”},
{tableName:“DEPT”,别名:“D”},
{tableName:“EMP”,别名:'},
];
$(“tbody tr”)。每个(功能(索引){
console.log(index+:“+arr[index].aliasName);
$(this.find(“input”).val(arr[index].aliasName);
});代码>
表名
别名
电磁脉冲
电磁脉冲
部
电磁脉冲
表行与数组的顺序是否始终相同?不,它的顺序将不同。它将根据数据进行更改,我们如何知道哪个顺序?您有多个EMP
@Eddie我想他希望使用数组动态创建整个表。是否有任何方法可以在不使用javascript的情况下将重复值限制到输入字段中。我需要在jquery中使用它。然后将最后一行更改为$(“#test”).html(html)代码>。我不知道这会给你带来什么不同,只要你有。在我的例子中,表正在显示。在我想用别名替换值之后,如果数据发生更改,这是不可靠的。看到其他答案了吗,但当数据更改时,它肯定会中断。在我的示例中,表正在显示。在我想用别名替换该值之后,很抱歉,我没有得到您的帮助。我的问题已得到解决。未捕获的TypeError:无法设置undefinedIt的“used”属性,只有当您的数组大于
的数目时才会发生。编辑答案,只需检查它是否与未定义的不同您可以办理入住手续。:)函数的箭头不起作用。如何解决此问题哪个箭头函数?你是指函数数组吗?给出一个$(document).ready(function(){})代码>我更新了解决方案