JavaScript动态添加列的方法

本文深入了JavaScript动态添加列的方法和技巧，特别是针对table表单的操作。对于需要在网页上动态展示数据的朋友来说，这无疑是一个非常有价值的参考。

我们需要对数据源进行处理。这里假设我们的数据源是一个JSON字符串，其中包含了一些需要的数据。我们可以使用jQuery的$.each()函数来遍历这些数据。

在遍历的过程中，我们需要判断每个数据项是否包含'parser_schedule'字段。如果包含，我们就将其并存储到相应的数组中。这里需要注意的是，我们需要将数据存储到两个不同的数组：一个是用于存储所有的结果（cv_arr），另一个是用于存储去重后的日期数据（date_arr）。

接下来，我们需要对日期数据进行去重处理。这里使用了一个名为unique()的函数，该函数可以返回一个去重后的数组。

我们需要为date_arr数组增加一个方法in_arr()，用于判断某个值是否存在于数组中。这样我们就可以根据这个方法来动态地添加列了。

具体的实现细节可能会因为具体的需求而有所不同，但基本的思路是相似的：先处理数据源，然后根据处理结果动态地添加列。

在JavaScript的世界里，我们经常需要遍历数组并对它们进行操作。想象一下，我们有一个数组`a`，我们想要找到其中某个元素`value`的索引。我们可以使用如下的代码片段：

```javascript

for (var i = 0; i < a.length; i++) {

if (a[i] === value) {

return i;

}

}

```

```javascript

var old_td_n = $("mytable thead tr").find("th").length; // 获取已有的TH数量

for (var i = 0; i < date_arr.length; i++) {

$("mytable thead tr").append("" + date_arr[i] + ""); // 为表头添加新的列

}

```

```javascript

var rowNum_arr = []; // 用于存储行号

for (var i = 0; i < $("mytable").find("tr").length; i++) {

var str = $("mytable tbody").find("tr").eq(i); // 获取当前行

if ($.trim(std.text()).length < 1) { // 如果该列没有数据，记录行号并添加到数组中

rowNum_arr.push(i);

} else { / 这里原本有一个注释 $(std).html(""); 被移除了 / }

}

```

然后，我们需要为特定的行设置TD信息。假设我们有另一个数组`cv_arr`，其中包含一些日期数据。我们可以遍历这个数组并为每一行的特定列设置值：

```javascript

for (var i = 0; i < cv_arr.length; i++) {

var temp_str = cv_arr[i]; // 获取日期数据字符串

var temp_arr = temp_str.split(","); // 将字符串分割成数组，每个元素是一个日期数据集字符串，如 "03-11:10"

for (var j = 0; j < temp_arr.length; j++) {

var temp_result = temp_arr[j]; // 获取当前的日期数据集字符串

var temp_result_arr = temp_result.split(":"); // 将数据集分割成数组，如 ["03-11", "10"]