为什么我得到未定义的输出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