Home/ Questions/Q 8086471
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T18:27:31+00:00

i am trying to understand following fragment of javascript code <!DOCTYPE html> <html> <body>

  • 0

i am trying to understand following fragment of javascript code

<!DOCTYPE html>
<html>
<body>
<p>Click the button to loop through the properties of an object named "person".</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

<script type="text/javascript">
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;
}
</script>
</body>
</html>

i am a little confused with this line

for (x in person)
    {
    txt=txt + person[x];
    }

as i guessed it is a associative array,with key–> value relationship and as a final result should not it print like this?

fname:"John",lname:"Doe",age:25

?
thanks very much

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    First, there is no concept of associate arrays in JavaScript, the person is an object and an object is iterated using the for-in loop.

    The line:

    txt = txt + person[x];

    simply reads each property of the person objects and concatenates the value in the txt variable giving the result:

    JohnDoe25

    FYI, always use for-in loop for objects and normal for loop for arrays.

    • 0