Get array within an object

Question

I am trying to get the array value from the object I created but seems like that obj.item is not working to me. It always saying undefined here's my code::

$.each(componentSentenceArray, function(index,item) { 
          conole.log(item.item_name)

});

and here is my object

ingredient:
Array(3)
0:{item_name: "Albenza", uom_code: "", uom_desc: "", amount: ""}
1:{item_name: "Baclofen", uom_code: "", uom_desc: "", amount: ""}
2:{item_name: "Lasix", uom_code: "", uom_desc: "", amount: ""}


main_component:
Array(1)
0 :{item_name: "Lasix", uom_code: "", uom_desc: "", amount: ""}

Please post your actual code, instead of an image. And, I cannot find item key anywhere in the snapshot. — 31piy
– 31piy, Commented Nov 13, 2017 at 5:29
@31piy I cannot replicate the actual code because the data is coming from DB — kevin_marcus
– kevin_marcus, Commented Nov 13, 2017 at 5:35
@kevin_marcus -- yes you can. Observe the network tab of your browser's developer tools. Copy the response of the API request and attach it in the question. — 31piy
– 31piy, Commented Nov 13, 2017 at 5:37

Makarand Patil · Accepted Answer · 2017-11-13 05:50:02Z

$(document).ready(function() {
  var componentSentenceArray = {
    ingredient: [{
        item_name: "Albenza",
        uom_code: "",
        uom_desc: "",
        amount: ""
      },
      {
        item_name: "Baclofen",
        uom_code: "",
        uom_desc: "",
        amount: ""
      },
      {
        item_name: "Lasix",
        uom_code: "",
        uom_desc: "",
        amount: ""
      }
    ],
    main_component: [{
      item_name: "Lasix",
      uom_code: "",
      uom_desc: "",
      amount: ""
    }]
  };

  $.each(componentSentenceArray, function(index, item) {
    $.each(item, function(index, item1) {
      console.log(item1.item_name);
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

This should work for you. You are having array list inside and object which you should loop again to access its variable.

  $.each(componentSentenceArray, function(index,item) { 
    $.each(item, function(index,item1) { 
      console.log(item1.item_name);    
    });
  });

Chathura Edirisinghe · Accepted Answer · 2017-11-13 05:41:18Z

2

$.each(componentSentenceArray, function (key, data) {
    console.log(key)
    $.each(data, function (index, data) {
        console.log('index', data)
    })
})

this will work!

answered Nov 13, 2017 at 5:41

Chathura Edirisinghe

3671 silver badge14 bronze badges

Comments

simbathesailor · Accepted Answer · 2017-11-13 05:43:00Z

1

$.each(componentSentenceArray, function(index,item) { 
     $.each(item, function(index, arrayItem) {
       console.log(arrayItem.item_name)
     })
});

This should help

answered Nov 13, 2017 at 5:43

simbathesailor

3,6852 gold badges22 silver badges30 bronze badges

Collectives™ on Stack Overflow

Get array within an object

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related