切换情况有条件

Question

我写的是正确的开关盒吗？

var cnt = $("#div1 p").length;
                alert(cnt);
                switch (cnt) {
                    case (cnt >= 10 && cnt <= 20):
                        alert('10');
                        break;
                    case (cnt >= 21 && cnt <= 30):
                       alert('21');
                        break;
                    case (cnt >= 31 && cnt <= 40):
               alert('31');
                        break;
                    default:
                        alert('>41');
                }

出于某种原因,条件匹配时不会发出警报!

Answer 1

交换机通过比较switch()每个中的内容来工作case.

switch (cnt) {
    case 1: ....
    case 2: ....
    case 3: ....
}

的作用如下:

if (cnt == 1) ...
if (cnt == 2) ...
if (cnt == 3) ...

因此,在case语句中不能有任何逻辑.

switch (cnt) {
    case (cnt >= 10 && cnt <= 20): ...
}

像

if (cnt == (cnt >= 10 && cnt <= 20)) ...

那只是胡说八道.:)

请if () { } else if () { } else { }改用.

Answer 2

您不应该使用switch此方案.这是正确的方法:

var cnt = $("#div1 p").length;

alert(cnt);

if (cnt >= 10 && cnt <= 20)
{
   alert('10');
}
else if (cnt >= 21 && cnt <= 30)
{
   alert('21');
}
else if (cnt >= 31 && cnt <= 40)
{
   alert('31');
}
else 
{
   alert('>41');
}

Answer 3

这应该适用于:

var cnt = $("#div1 p").length;

            switch (true) {
                case (cnt >= 10 && cnt <= 20):
                    alert('10');
                    break;
                case (cnt >= 21 && cnt <= 30):
                   alert('21');
                    break;
                case (cnt >= 31 && cnt <= 40):
                    break;
                default:
                    alert('>41');
            }

Answer 4

我在尝试使用微调器时遇到的一点是允许脚本内的灵活性而不使用大量的if语句.

因为这是一个比通过遍历数组来检查当前类的单个实例更简单的解决方案,所以它使脚本更清晰.欢迎任何有关清洁代码的建议.

$('.next').click(function(){
        var imageToSlide = $('#imageSprite'); // Get id of image

        switch(true) {
            case (imageToSlide.hasClass('pos1')):
                imageToSlide.removeClass('pos1').addClass('pos2');
                break;
            case (imageToSlide.hasClass('pos2')):
                imageToSlide.removeClass('pos2').addClass('pos3');
                break;
            case (imageToSlide.hasClass('pos3')):
                imageToSlide.removeClass('pos3').addClass('pos4');
                break;
            case (imageToSlide.hasClass('pos4')):
                imageToSlide.removeClass('pos4').addClass('pos1');
        }
    }); ` 

Answer 5

你正在做的是寻找(0)或(1)结果.

(cnt> = 10 && cnt <= 20)返回true或false.

--edit-- 你不能使用布尔(逻辑)扩展的 大小写.语句cnt> = 10为false返回0或为true返回1.因此,我们将案例(1)或案例(0)永远不会与长度匹配. - 编辑 -

Answer 6

function date_conversion(start_date){
    var formattedDate = new Date(start_date);
    var d = formattedDate.getDate();
    var m =  formattedDate.getMonth();
    var month;
    m += 1;  // JavaScript months are 0-11
    switch (m) {
        case 1: {
            month="Jan";
            break;
        }
        case 2: {
            month="Feb";
            break;
        }
        case 3: {
            month="Mar";
            break;
        }
        case 4: {
            month="Apr";
            break;
        }
        case 5: {
            month="May";
            break;
        }
        case 6: {
            month="Jun";
            break;
        }
        case 7: {
            month="Jul";
            break;
        }
        case 8: {
            month="Aug";
            break;
        }
        case 9: {
            month="Sep";
            break;
        }
        case 10: {
            month="Oct";
            break;
        }
        case 11: {
            month="Nov";
            break;
        }
        case 12: {
            month="Dec";
            break;
        }
    }
    var y = formattedDate.getFullYear();
    var now_date=d + "-" + month + "-" + y;
    return now_date;
}