Почему я получаю undefined при размещении строки html на главной странице с помощью jQuery?

Question

Я довольно новичок в JavaScript и jQuery, поэтому любой другой совет, который у вас есть, пожалуйста, оставьте в комментарии ниже. Я делаю карточную игру для воспроизведения на одном экране в javascript.

Внутри div для id playerHand, я использую функцию javascript для вывода руки текущего хода игрока. Всякий раз, когда я выходной стороны текущего игрока, я получаю выход в этом DIV так:

undefined/ 6H/AD/7H/5H/6S/KC/8C/10H/AC/2H/8S/2D/3S 

Рука состоит из 13 карт (обозначаемых номерами 2-10 и J, Q, K, A с письмом для сердец, лопат, клубов и бриллиантов). Все 13 карт распечатываются в div правильно, но эта случайная неопределенная вещь неожиданна. Функция JavaScript, используемая для вывода этой информации, приведена ниже.

JavaScript JQuery функция:

function addHand() { 
    var htmlString; 
    for(i = 0; i < hands[currentPlayersTurn].handArray.length; i++) { 
    htmlString += "/ "+ hands[currentPlayersTurn].handArray[i].name +" "; 
    } 
    $("#playerHand").html(htmlString); 
} 

Answer 1

Ваши проблемы с var htmlString, так как вы не инициализируете его. Хотя даже если вы установите пустую строку, ваш результат будет не таким, как вы ожидаете, потому что вместо этого вы замените undefined/string/string/string на /string/string/string. Лучшим подходом было бы перевести список имен в массив, а затем присоединиться к ним на /.

function addHand() { 
    var htmlList = []; 
    for(var i = 0; i < hands[currentPlayersTurn].handArray.length; i++) { 
    htmlList.push(hands[currentPlayersTurn].handArray[i].name); 
    } 
    $("#playerHand").html(htmlList.join("/")); 
} 

Answer 2

Посмотрите здесь:

var htmlString; 

htmlString «s начальное "значение" является undefined.

Затем вы привязываете его посредством конкатенации строк и продолжаете добавлять к этому начальному значению. Это не «случайный» и «неожиданный»; это то, что вы запрограммировали в компьютер.

вероятно Вы имели в виду:

var htmlString = ""; 

так, чтобы начать с пустой строкой.