Access javascript object properties using loop [duplicate]

Question

How can I access the object obj properties using a for loop?

Example:

var obj = {
        id: 1,
        description: "This space is for description",
        severity: "This is severity",
        assignedTo: "Name of the assigned person",
        status: "Issue Status "
    }

Note: I am talking about this kind of loop for (var i =0;i <= obj.length;i++), not a for ... in loop. I want to display it using document.write(). Please, no jquery, only javascript.

@Kinduser The option for Object.keys() is there so it should help the OP — Icepickle
– Icepickle, Commented Apr 4, 2017 at 14:51
for..in is only JavaScript and you can still do do document.write() Do you have a specific issue with for...in? — Nope
– Nope, Commented Apr 4, 2017 at 14:52
this dupe answer provided the use of Object.keys. it clearly states, the the result is an array with keys. then just loop through the array with for i ... — Nina Scholz
– Nina Scholz, Commented Apr 4, 2017 at 14:55
Possible duplicate of Iterate through object properties Look at this answer in the duplicate using Objects.keys() ► stackoverflow.com/questions/8312459/… and .foreach can easily be replaced by for i on the result of Object.keys() — Nope
– Nope, Commented Apr 4, 2017 at 14:57
@squint, maybe the main question is, how to use document.write with arguments ...? — Nina Scholz
– Nina Scholz, Commented Apr 4, 2017 at 15:13

kind user · Accepted Answer · 2017-04-04 15:23:12Z

2

You are able to use for loop together with Object.keys().

Note: As squint mentioned, it does not guarantee the right order.

var obj = {
  id: 1,
  description: "This space is for description",
  severity: "This is severity",
  assignedTo: "Name of the assigned person",
  status: "Issue Status "
}, elems = Object.keys(obj);

for (var i = 0; i < elems.length; i++) {
  document.write(`Key: ${elems[i]}, Value: ${obj[elems[i]]}<br>`);
}

edited Apr 4, 2017 at 15:23

answered Apr 4, 2017 at 14:55

kind user

42k8 gold badges69 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ibrahim mahrir Over a year ago

@squint What I mean by order is the order of keys depending on when they've been defined (or set)!

user1106925 Over a year ago

@ibrahimmahrir: Yes, the original definition order is what some may hope for, but I think Kind user's answer gave that warning. An implementation may indeed choose to honor that order, but we shouldn't rely on it.

user1106925 Over a year ago

...I actually wish that JS implementations would randomize the order so that people don't have the illusion that it may be reliable.

Collectives™ on Stack Overflow

Access javascript object properties using loop [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related