object length is zero and unable to read values in javascript

Question

I am trying to create a dynamic dropdown using javascript and i am unable to loop in through the values returned from the backend application, The object length is returned as 0 even though I have values on it

Below is the object

and This is the javascript snippet

 for (key in swaggerlist) {
    console.log(key)
    if (!swaggerlist.hasOwnProperty(key)) continue;
      var obj = swaggerlist[key];
        for (var prop in obj) {
          if (!obj.hasOwnProperty(prop)) continue;
            if(params["url"] == obj[prop]){
              option += '<option value="'+ obj[prop] + '" selected>' + obj[prop] + '</option>\n';
          } else {
              option += '<option value="'+obj[prop] + '">' + obj[prop] + '</option>\n';
        }
     console.log(obj[prop])
  }
  }

I am able to read the below one using the above function

How to fix this one and loop in through the object to get the values?

The blue [i] is telling me it is loaded dynamically so are you trying to eat the pizza before it is delivered? — epascarello, Jan 13 '20 at 16:55

score 0 · Answer 1 · answered Jan 13 '20 at 16:55

0

You could use Object.keys to get an array of keys. Then loop over those.

var swaggerKeys = Object.keys(swaggerlist);
swaggerKeys.forEach((key) => {
    //Access property
    var someVal = swaggerlist[key];
});

answered Jan 13 '20 at 16:55

RickTakes

1,197
1
9
14

score 0 · Answer 2 · answered Jan 13 '20 at 16:57

Because you have to loop on the array in the "interstitials" prop.

You get an object with a interstitials property who contains your items inside an array.

var server_resp = {
  interstitials:["some data","some other data"]
}

server_resp.interstitials.forEach(item => {
  $("#mySelect").append(`<option>${item}</option>`)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="mySelect"></select>

object length is zero and unable to read values in javascript

2 Answers2