javascript - 如何从多维数组中迭代表中的数据

标签 javascript jquery arrays for-loop

我目前在将数据从多维数组迭代到表时遇到问题。

这是我的字符串。

str = 'stack%splitoverflow,php%splitcodeigniter'

我的逻辑是,首先,我要将字符串与 , 分隔符分开。

这是结果。

result_array = ['stack%splitoverflow', 'php%splitcodeigniter']

接下来,我将从 %split 分隔符中分割每个数组值

现在,我的问题是如何将该值放入表中,如下所示:

| col1             | col2        |
------------------------------
| stack            | overflow    |
| php              | codeigniter |
---------------------------------

最佳答案

我为你的问题创建了一个示例。我分割了你的对象值并创建了另一个对象,最后将 obj 值绑定(bind)到表。希望这会有所帮助。

$(document).ready(function(){
var result_array = ['stack%splitoverflow', 'php%splitcodeigniter'];
$.makeArray(result_array);

$.each( result_array,function(index,obj){
 var data=obj.replace("%split",",");
 
 var newobj=data.split(",");
    $(".table").append("<tr><td>"+newobj[0]+"</td><td>"+newobj[1]+"</td></tr>")
  });
});
<!DOCTYPE html>
<html>
<head>  
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

</head>
<body>
<div id="tblContainer">
<table class='table table-bordered'>
</table>
</div>

</body>
</html>

关于javascript - 如何从多维数组中迭代表中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60427249/

相关文章:

javascript - CSS - 列标题旋转以及滚动时固定标题

jquery - 在网站上运行一个非常简单的循环动画?

javascript - 新建窗口中的 CSS

c - 简单的 c 数组计算器删除第一个数字

javascript - Flot 条形图 - 如何创建非叠加值

javascript - IE 泄漏动态生成的 javascript 的内存

javascript - 更改 keyup 上的输入值

arrays - 排序程序不起作用

c - 声明一个固定长度字符串的可变长度数组

c# - 在 WCF 中为远程客户端报告奇怪的端口