JavaScript / jQuery：可以通过 for 循环“自动化”切换语句吗？

Question

解决方案

$(window).scroll(function() {
            var y = $(this).scrollTop();
            for (var i = 0; i < offset.length; i++)
                {
                    if (y < offset[i].bottom) {
                        $("#catSelect option:selected").removeAttr("selected");
                        $("#catSelect option[value=#"+offset[i].id+"]").attr("selected", "selected");
                        break;
                    }
                }
        });

感谢你们的帮助！

问题

我是 JavaScript 和 jQuery 的初学者，所以我希望有好心人可以帮助我。 下面是一个执行得很好的代码的 sn-p ......但由于它非常重复，我试图想出一些代码来帮助我在 switch 语句中“自动化”所有这些条件，而不是手动指定它（如果这有意义的话）。我将使用“for”循环，但目前还没有结果。

请向正确的方向轻推，好吗？谢谢你:)

~初步代码~

var offset = [];
        $(".cat").each(function() {
            var top =  $(this).offset().top;
            var bottom = top + $(this).outerHeight();
            var id = $(this).attr("id");
            offset.push({"top": top, "bottom": bottom, "id": id });
            $(document.body).append(offset.length);
        });

~就是代码~

$(window).scroll(function() {
    var y = $(this).scrollTop();

        switch (true) {
            case (y < offset[0].bottom):
                $("#catSelect option:selected").removeAttr("selected");
                $("#catSelect option[value=#"+offset[0].id+"]").attr("selected", "selected");
                break;
            case (y < offset[1].bottom):
                $("#catSelect option:selected").removeAttr("selected");
                $("#catSelect option[value=#"+offset[1].id+"]").attr("selected", "selected");
                break;
            case (y < offset[2].bottom):
                $("#catSelect option:selected").removeAttr("selected");
                $("#catSelect option[value=#"+offset[2].id+"]").attr("selected", "selected");
                break;
            }

        });

Answer 1

你的方法很出色！我从来没有考虑过switch(true) :)

你可以试试这个，看看它是否适合你：

for (var i = 0; i<=2; i++)
{
    if (y < offset[i].bottom) {
        $("#catSelect option:selected").removeAttr("selected");
        $("#catSelect option[value=#"+offset[i].id+"]").attr("selected", "selected");
    }
}

Answer 2

因为只有数组索引在不同情况下不同：

for (var i = 0; i < offset.length; i++) {
  if (y < offset[i].bottom) {
    $("#catSelect option:selected").removeAttr("selected");
    $("#catSelect option[value=#"+offset[i].id+"]").attr("selected", "selected");
    break;
  }