Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery的具有相同键和不同值的对象数组_Javascript_Jquery_Html_Dom - Fatal编程技术网

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(){})我更新了解决方案