為什么我得到未定義的輸出Javascript？

Question

在JS中輸出文本之前，我一直處於未定義狀態。 這是我的代碼。

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Learning javascript</title>
</head>
<body>

    <p id="arrayString"></p>



    <!-- Javascript -->
    <script type="text/javascript" src="JS/app2.js"></script>
</body>
</html>

這是我的JS

var arrayString;
var myArray=["Ms.Vickies", "Old Dutch", "Lays"];
for (var i=0; i<myArray.length; i++) {
    arrayString=arrayString+myArray[i];
}
document.getElementById("arrayString").innerHTML=arrayString;

我的輸出undefinedMs.VickiesOld DutchLays

另外為什么沒有空格？ 我是JS的新手，但我正在努力。 無法解決這個問題。

Answer 1

這是因為在您的第一次循環迭代中， arrayString是未定義的。 將其設置為等於空字符串。

而不是像這樣聲明arrayString ：

var arrayString;

用空字符串初始化它：

var arrayString = '';

Answer 2

因為您通過執行此操作來初始化null / undefined變量： var arrayString;

您可以通過執行以下操作來修復它： var arrayString = "";

更好的for ，您可以使用以下方法for代替使用for循環：

var myArray=["Ms.Vickies", "Old Dutch", "Lays"];
document.getElementById("arrayString").innerHTML = myArray.join(" ");

更多信息： http : //www.w3schools.com/jsref/jsref_join.asp

Answer 3

在代碼中，您剛剛聲明了但未初始化。因此，只需替換

  var arrayString;

與

 var arrayString = '';

希望對您有幫助...謝謝。

為什么我得到未定義的輸出Javascript？

問題描述

3 個解決方案

解決方案1
7 2015-01-07 13:59:55

解決方案2
1 2015-01-07 14:02:10

解決方案3
0 2015-01-07 14:06:03

為什么我得到未定義的輸出Javascript？

問題描述

3 個解決方案

解決方案1 7 2015-01-07 13:59:55

解決方案2 1 2015-01-07 14:02:10

解決方案3 0 2015-01-07 14:06:03

解決方案1
7 2015-01-07 13:59:55

解決方案2
1 2015-01-07 14:02:10

解決方案3
0 2015-01-07 14:06:03