for / in循环不能在javascript中工作

时间:2014-01-10 21:16:37

标签: javascript loops for-loop

function myFunction()
{
  var x;
  var txt="";
  var person={fname:"John",lname:"Doe",age:25};  
  for (x in person) 
  {
    txt=txt + person[x];  
  }  

  document.getElementById("demo").innerHTML=txt; 
}  

<button onclick="myFunction()">Try it</button>
<p id="demo"></p>  

每次单击按钮时,此函数应显示对象person的一个属性(第一个&#34; John&#34;,然后&#34; Doe&#34;,最后25个)。但是,第一次单击该按钮时,输出为JohnDoe25。如何修改此功能以满足要求?

1 个答案:

答案 0 :(得分:1)

最好使用数组,但在你的情况下, 哟可以这样做: LIVE DEMO

<script>
var x = 0;
var txt="";
var person={fname:"John",lname:"Doe","age":25}; 
function myFunction(){
    if(x==0){
        txt = person['fname']; 
    }
    if(x==1){
        txt = person['lname'];
    }
    if(x==2){
       txt = person['age']; 
    }
    x++;
    document.getElementById("demo").innerHTML = txt; 
}
</script>

<button onclick="myFunction()">Try it</button>
<p id="demo"></p>  
相关问题