JavaScript:创建多维数组

Question

>我创建了一个数组，用于循环访问表（最初隐藏）并根据请求的部分显示某些行：

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;
}

Answer 1

我会修改你的函数，看起来像这样：

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 中没有块作用域，只有函数作用域（变量被提升）。我已将row_content声明移至函数的顶部，因为这是流行的惯用风格。

• 操作员==并!=执行类型强制。通常，坚持使用===和!==更安全。

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

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

.

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

• 我实际上没有运行上述内容，对您的问题的背景只有模糊的认识。此代码可能存在（可能？）问题！:)