循环...非序数

时间:2019-11-09 19:19:16

标签: javascript

目前,我有这段代码可在页面上生成32个按钮。

var $bs =   $("#pages");
pages.forEach(function (page) {
    var $page = $("<div class='page'><h1 class='page-title'>Page "+page+"</h1></div>");

    for (var bank = 1; bank <= 32; bank++) {

        var $pageBank = $("<div class='page-bank-content' id='bank_"+page+"_"+bank+"'><canvas class='canvases' width=72 height=72 id='c"+page+"_"+bank+"'></canvas></div>");

        $page.append($pageBank);

    }

在某些情况下,我只想生成特定的按钮。但是,我希望+ bank +值跳过一些数字(例如:1,2,3,4,9,10,11)。有没有一种使用上述格式的方法?我尝试使用数组,但无法弄清楚如何传递所需的特定数字值。

1 个答案:

答案 0 :(得分:0)

您可以使用带有Array#includes的支票和数组排除一些数字。

var $bs = $("#pages"),
    exclude = [1, 2, 3, 4, 9, 10, 11];

pages.forEach(function(page) {
    var $page = $("<div class='page'><h1 class='page-title'>Page " + page + "</h1></div>");
    for (var bank = 1; bank <= 32; bank++) {
        if (exclude.includes(bank)) continue;
        var $pageBank = $("<div class='page-bank-content' id='bank_" + page + "_" + bank + "'><canvas class='canvases' width=72 height=72 id='c" + page + "_" + bank + "'></canvas></div>");
        $page.append($pageBank);
    }
});