为什么使用空变量来正确显示FOR循环

时间:2017-09-29 17:36:59

标签: for-loop

将通过以下方法显示FOR循环。

    <p id ="demo"></p>
<script>
var cars = ["Civics" , "Corola" , "Ford" , "Mercedeez" , "Pejaro"];
var i;
var text = "";
for (i = 0; i<5; i++)  {
  text += cars[i];
}
document.getElementById('demo').innerHTML = text;
</script>

我想问为什么变量“text”是必要的。为什么我们不能简单地写这样的汽车[i];

2 个答案:

答案 0 :(得分:1)

在循环的每次迭代中,

cars[i]逐个读取数组cars的不同值。根据问题,输出需要是每个cars[i]所代表的字符串的串联。这个连接的字符串需要存储在某个地方。这就是为什么需要一个额外的变量text,它会越来越长。

text = ""                   //i=0
text = "Civics"             //i=1 After 1st loop 
text = "CivicsCorola"       //i=2 After 2nd loop
text = "CivicsCorolaFord"   //i=3 After 3rd loop
...

答案 1 :(得分:1)

您需要text变量为每次迭代存储值。

您也可以通过以下方式获得相同的结果:

<p id ="demo"></p>
<script>
var cars = ["Civics" , "Corola" , "Ford" , "Mercedeez" , "Pejaro"];
document.getElementById('demo').innerHTML = cars.join ('');
</script>