为什么我有时会出错，有时不会？

Question

当用户单击按钮时，此代码应该从数组中获取随机 JSON 数据。 我正在使用 function 返回一个随机数。 但是当我加载页面并单击按钮时，有时我会得到随机数据，而有时我会出错。

为什么是这样？ 提前致谢。

$(document).ready(function () {

    function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    
        
    function renderQuiz() {
        console.log(userdata.USER.TOPSONGS[(getRandomInt(0,2))][(getRandomInt(0,4))].snippet);     
    }
    
    ...

    $('#button').click(function () {
        renderQuiz();
        console.log("userprogress: " + userprogress);

        if (userprogress < 10) {
            userprogress++;
            $('#answered').text(`${userprogress} / 10`);
        } 
        else { window.location.href = '/result'; }
        return;
    });

}); //end document.ready

Answer 1

userdata.USER.TOPSONGS是否包含一个 3x5 数组，其中定义了所有值并且所有值都有一个.snippet ？

很可能，对于某些值0 <= x <= 2和0 <= y <= 4 ， userdata.USER.TOPSONGS不包含[x][y].snippet ，从而导致此错误。

请检查您的userdata.USER.TOPSONGS数组和/或调整传递给随机数 function 的最小值和最大值。

Answer 2

看起来像是超出了数组的边界。 您的getRandomInt(min, max)返回随机 int，包括min和max 。 检查这是否正常。