检查Google Chrome扩展程序中的数组是否为空

Question

在这个代码块中，我使用if else语句来检查数组是否为空。正在从本地存储中填充阵列。如果数组为空，我将显示一条消息，

 $('#alert').html("<strong>Nothing to hide!</strong> Add some keywords that you hate!");

如果数组中存储了关键字，那么我想显示关键字。

问题是在添加关键字后，它会显示数组为空时显示关键字的消息。这种情况一直持续到我关闭扩展并重新打开它。

我的问题是，这可能是因为它是一个扩展吗？看来我的代码是正确的，因为它在我再次打开页面时起作用。但是为什么在运行该函数时它不起作用？

我该如何解决这个问题？因为这是谷歌Chrome扩展。

// This function populates the keywords to the view
function loadKeyWords() {
    $('#keyWords').html('');
    localArray = JSON.parse(localStorage.getItem('keyWords'));
    if (localArray.length === 0) {
        $('#alert').html("<strong>Nothing to hide!</strong> Add some keywords that you hate!");
        // $('#alert').fadeIn().delay(1000).fadeOut();
        return false;
    } else {
        //send data
        for(var i = 0; i < localArray.length; i++) {
            $('#keyWords').prepend('<li><input class="check" name="check" type="checkbox">'+localArray[i]+'</li>'); 
            $( "div:contains("+localArray[i]+")" ).css( "display", "none" );
            $( "section:contains("+localArray[i]+")" ).css( "display", "none" );
            $('#nav-1').fadeIn(550);
        }
        return localArray;
    }
}