1

我制作了一个数组，用于循环遍历表（最初是隐藏的）并根据请求的部分显示某些行：

var rows_per_section = [ {min: 0, max: 7}, {min: 7, max: 17}, {min: 17, max: 21}, {min: 21, max: 35}, {min: 35, max: 41}, {min: 41, max: 46}, {min: 46, max: 52},{min: 52, max: 56} ];
var rows_min = rows_per_section[section_no].min;
var rows_max = rows_per_section[section_no].max;

我现在正在尝试使用一个额外的函数来更改脚本，该函数循环遍历表并自行创建 rows_per_section 数组，因为表的长度可以改变。我可以通过查找类标记来检测表中的中断，但我无法弄清楚如何创建数组并在每次遇到中断时添加新值：

function create_section_array(profile_table, no_of_sections) {
    var section_counter = 0;
    var rows_per_section = new Array();    //this is where it starts to go wrong
                                           //need to create the array and stick in the
                                           //MIN value for the first section as 0
    for (i=0;i<profile_table.length-1;i++) {
        var table_row = profile_table.item(i);
        var row_content = table_row.getElementsByTagName("td");
        if(row_content[0].className == "ProfileFormTitle") {
            if(section_counter != 0) {
                //if not the first section add a MAX value to
                //rows_per_section[section_counter + 1]
            }
            if(section_counter != no_of_sections) {
                //if not the last section add a MIN value to
                //rows_per_section[section_counter]
            }
            section_counter++;
        }
    }
    return rows_per_section;
}
4

1 回答 1

0

我会将您的函数修改为如下所示：

function create_section_array (profile_table, no_of_sections) {
    var section_counter = 0,
        rows_per_section = [ { min: 0 } ],
        precedingLength = 0,
        i, row_content;

    for (i = 0; i < profile_table.length; i += 1) {
        row_content = profile_table[i].getElementsByTagName('td');

        if (row_content[0].className === 'ProfileFormTitle') {
            if (section_counter !== 0) {
                rows_per_section[section_counter] = {
                    max: row_content.length - 1
                };
            }

            if (section_counter !== no_of_sections) {
                rows_per_section[section_counter].min = precedingLength;
            }

            section_counter += 1;
            precedingLength += row_content.length;
        }
    }

    return rows_per_section;
}

关于上面的几点说明：

  • i最初没有明确声明，这意味着它存在于全球范围内。我已经添加了声明。

  • JavaScript 中没有块作用域，只有函数作用域（vars 被提升）。我已将声明移至row_content函数顶部，因为这是流行的惯用风格。

  • 运算符==并!= 执行类型强制。坚持使用===和!==代替通常更安全。

  • 您可以使用文字语法声明数组，不需要new Array(). 在您的情况下，我们初始化 using[ { min: 0 } ]以设置基本所需的结构，但更常见的是您看到人们使用空数组进行初始化，[].

  • 同样，在数组中设置新索引的值时，我们可以对基本所需结构使用文字对象语法。在你的情况下，这是{ max: row_content.length - 1 }.

  • 从技术上讲，这不是一个多维数组，它是一个对象数组（或字典、映射、键/值存储，无论您想如何称呼它们）。

  • 我实际上并没有运行上述内容，只是对您的问题的上下文有一种模糊的感觉。此代码可能存在（可能？）问题！:)

于 2013-01-24T11:41:04.560 回答