javascript - 提交之间不能清空数组

Question

我已经为这个问题苦苦挣扎了很长时间。我有一个数组，我将在单击按钮时将数字推送到 [2,6,8] 之类的数组。我尝试通过单击另一个按钮清空提交之间的数组，但我没有成功。有人可以指出我的错误吗？即使我在那之后多次尝试格式化和更改它，该数组也会继续打印第一个结果。数据索引也在 DOM 中正确更改。我也尝试在#accept click 开始时清空数组，但没有效果。

var mediaArray = [];

$( "#clearAll" ).click(function() {
        mediaArray = [];
        console.log("i can see this");
});

$( "#accept" ).click(function() {
        var firstRound = true;
        var mediaLength = 0;
        var eachData = 0;
        $( ".slots" ).each(function(index) {
            if (!firstRound) {
                mediaLength++;
                if ($(this).data('index') != eachData) {
                    mediaArray.push(mediaLength);
                    mediaLength = 0;
                }
            }
            eachData = $(this).data('index');
            firstRound = false;
            console.log($(this).data('index'));
        });
        mediaArray.push(mediaLength+1);

        console.log(mediaArray);
});

Answer 1

这很简单。这是因为每次调用点击处理程序时您的 firstRound 都为 true。

要修复它，您可能希望将 firstRound 作为全局变量，但这通常是不需要的，在这种情况下您可以使用 IIFE 使其成为本地变量:

(function() {

    var firstRound = true;

    $( "#accept" ).click(function() {
        // ...
    });

}());