这段代码意味着什么？ （Javascript FOR循环）

Question

有人可以向我解释这段代码吗？ 任何帮助将不胜感激 ！谢谢！！     

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

    <script type="text/javascript">
    var arrayString = "";
    var myArray = ["pizza", "hamburger", "chicken leg"];

        for (var i = 0; i < myArray.length; i++){

            arrayString =  arrayString + myArray[i] + " ";

        }

        document.getElementById("arrayString").innerHTML = arrayString;
    </script>
</body>

Answer 1

这是带有一些评论的代码：

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

    <script type="text/javascript">
    var arrayString = "";  //store an empty string in the variable (the purpose is to initialize the variable in wich after(for loop) we will store the names) 

    var myArray = ["pizza", "hamburger", "chicken leg"];  //create an array with some string elements

        //foreach element in the array (the strings)...
        for (var i = 0; i < myArray.length; i++){

            //...add the 'i-est' element of the array to the string variable 'arrayString' and insert a space after the element
            arrayString =  arrayString + myArray[i] + " ";   
        }

        //print the string in the html element with id 'arrayString'  
        document.getElementById("arrayString").innerHTML = arrayString;
    </script>
</body>

for语句迭代数组的元素，并在每次迭代中访问一个元素：myArray[i]

检查here以查看for循环的工作原理

Answer 2

我假设你的意思是for循环，而不是其他东西。

除了更有条理之外，

for循环基本上都是。 for(var i = 0;正在创建将决定何时结束for循环的变量。

i < myArray.length;基本上是while(i < myArray.length)，而i 少而不是myArray长度，它会在里面做什么。

最后，i++;告诉for 循环在语句末尾对i做些什么，最终使>=转到myArray.length }。

Answer 3

只要i小于i的长度，for循环就会创建一个变量myArray并执行循环中的代码。每次执行循环中的代码时，i都会增加1。

for (var i = 0; i < myArray.length; i++) {

     arrayString =  arrayString + myArray[i] + " ";

}

代表变量i，如果i < myArray.length，则执行将arrayString = arrayString + myArray[i] + " ";的第i个元素添加到myArray的代码arrayString。例如，当循环开始时，i=0。因此，如果i < myArray.length为真，则myArray的第0个或第一个元素被添加到arrayString（因为数组索引从0开始是0：0是第一个元素，1是第二个，第二个是第三个，依此类推。然后，一旦完成，控制流程就跳回到for循环中的条件并执行i++或“将i增加一个”整个过程一直持续到语句i < myArray.length为假（意为i >= myArray.length），在这种情况下，for循环中的代码将尝试添加不存在的数组元素，如“添加5项长列表的第6个元素“）。

最后一行，     document.getElementById（“arrayString”）。innerHTML = arrayString;

获取文档中具有id“arrayString”的元素，并在该元素中显示arrayString中包含的文本（在段落标记的顶部定义的文本）。

Answer 4

它将数组转换为字符串。不过你可以使用它：

document.getElementById("arrayString").innerHTML = myArray.join(' ');