如何遍历带有断点的多维数组？

Question

我意识到“断点”可能不是正确的术语。

我有

var sections = [0, 1, 2, 3, 4, 5, 6, 7],
    questions = [];

每个部分的问题数为X，每个部分的问题数可以不同。 我需要在任何给定时间仅显示一个部分的问题。 因此， section[0]可能有三个问题。 我希望仅查看这三个问题，写出答案，然后转到下一部分。 我有这个的HTML。 我只是缺少了jQuery中基本上是“好，本节没有更多问题的部分，移至下一部分”。 我该怎么办？ 我可能没有使用正确的术语。 我现在所拥有的是

$.each(sections, function(i, section) {
    $.each(questions, function(j, question) {
        // stuff to show questions
    });
});

Answer 1

假设sections数组中的每个section都是question项的数组，则可以简单地将别名为section的$.each()的value属性作为目标：

var sections = [
        [{ questionId: 1 }, { questionId: 2 }, { questionId: 3 }], //questions for section 1
        [{ questionId: 1 }, { questionId: 2 }, { questionId: 3 }, { questionId: 4 }, { questionId: 5 }], //questions for section 2
        [{ questionId: 1 }, { questionId: 2 }] //questions for section 3
    ];

$.each(sections, function(i, section) {
    console.log("section " + i + ":");

    $.each(section, function(j, question) {
        console.log("\t" + question.questionId);
    });
});

jsfiddle演示一些示例功能

您需要在每个部分中使用一系列问题对象/项目来构造这些部分。 如果您需要一个完全不同的结构，并具有用于部分的单独数组和用于问题的单独数组，则此功能将需要更改，因为您需要通过标识符将给定问题与给定部分相关联。

这是使用filter()实现此目标的一种方法的示例：

var sections = [
    { sectionId: 1 },
    { sectionId: 2 },
    { sectionId: 3 },
    { sectionId: 4 },
    { sectionId: 5 },
];

var questions = [
    { questionId: 1, sectionId: 1 },
    { questionId: 2, sectionId: 1 },
    { questionId: 3, sectionId: 2 },
    { questionId: 4, sectionId: 3 },
    { questionId: 5, sectionId: 1 },
    { questionId: 6, sectionId: 4 },
    { questionId: 7, sectionId: 1 },
    { questionId: 8, sectionId: 5 }
];

console.log("**********Example 2**********")
$.each(sections, function(index, section) {
    console.log("Section " + section.sectionId + ":");

    var relatedQuestions = questions.filter(function(question) {
        return question.sectionId === section.sectionId;
    });

    $.each(relatedQuestions, function(index, question) {
        console.log("\tQuestion " + question.questionId);
    });
});