为什么我必须检查长度=== 0才能重新启动幻灯片？

Question

我正在关注Codecademy"制作互动网站"课程.我没有错误,但我对我不理解的东西有一个疑问:在幻灯片中使用if语句的东西.

if (nextSlide.length === 0) {
            nextSlide = $('.slide').first();
            nextDot = $('.dot').first();
        };

这个if语句适用于最后一张幻灯片之后它将转到第一张幻灯片.为什么nextSlide.length === 0？

jQuery的:

var main = function() {
    $('.dropdown-toggle').click(function() {
        $('.dropdown-menu').toggle();
    });
    $('.arrow-next').click(function() {
        var currentSlide = $('.active-slide');
        var nextSlide = currentSlide.next();

        var currentDot = $('.active-dot');
        var nextDot = currentDot.next();

        if (nextSlide.length === 0) {
            nextSlide = $('.slide').first();
            nextDot = $('.dot').first();
        };

        currentSlide.fadeOut(600).removeClass('active-slide');
        nextSlide.fadeIn(600).addClass('active-slide');

        currentDot.removeClass('active-dot');
        nextDot.addClass('active-dot');
    });
};

$(document).ready(main);

Answer 1

该if声明用于检查当前幻灯片之后是否有幻灯片,或者是否应该恢复到第一张幻灯片.

nextSlide.length 将返回一个数字来表示下一张幻灯片是否存在,否则它将返回0.

.lengthAPI文档:这里