Extracting value from a object

Question

I have object like this

[Object {
    image =
        "images/item-1.png"
    , heading =
        "Careers"
    , text =
        "Lorem ipsum dolor sit a...ctetur adipiscing elit."
},
Object {
    image =
        "images/item-2.png"
    , heading =
        "Contact Us"
    , text =
        "Morbi tincidunt commodo scelerisque."
},
Object {
    image =
        "images/item-3.png"
    , heading =
        "About Us"
    , text =
        "Duis porttitor diam vitae leo elementum accumsan."
}]

How i can extract value from this object.?

I am trying to achieve this using $.each but not getting proper result. My requirement is to get image url, heading and text in separate variable. Pleas help me.

I suppose this is a printout from a console or similar? Because it is not a valid object literal — Johan
– Johan, Commented May 9, 2013 at 18:07
Can you not use $.each(listOfObjects, function(index, obj){ to get each object and then for each of those, you can access obj.image, obj.heading, obj.text? — Evan Layman
– Evan Layman, Commented May 9, 2013 at 18:07
yup its a console output my object is like this [ { "image" : "images/item-1.png", "heading" : "Careers", "text" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit." }, { "image" : "images/item-2.png", "heading" : "Contact Us", "text" : "Morbi tincidunt commodo scelerisque." },{ "image" : "images/item-3.png", "heading" : "About Us", "text" : "Duis porttitor diam vitae leo elementum accumsan." } ] — Soarabh
– Soarabh, Commented May 9, 2013 at 18:08
My code is like this // Featcing all Information $.getJSON("javascript/mobile.json", function(data){ console.log(); //var image = $(data[image]); $.each(data, function(i, e) { console.log('image='+ i); }); }); — Soarabh
– Soarabh, Commented May 9, 2013 at 18:08

palaѕн · Accepted Answer · 2013-05-09 18:10:31Z

4

You can simply do this:

var arr = [{
    "image": "images/item-1.png",
    "heading": "Careers",
    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
}, {
    "image": "images/item-2.png",
    "heading": "Contact Us",
    "text": "Morbi tincidunt commodo scelerisque."
}, {
    "image": "images/item-3.png",
    "heading": "About Us",
    "text": "Duis porttitor diam vitae leo elementum accumsan."
}]

$.each(arr, function (index, value) {

    var image_url = value.image;
    var heading = value.heading;
    var text = value.text;
    console.log(index, image_url, heading, text);
});

answered May 9, 2013 at 18:10

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

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

Comments

David Barker · Accepted Answer · 2013-05-09 18:12:44Z

2

I don't like using $.each as the jQuery overhead is massive compared to a simple for loop that can achieve the same thing.

for (var i = 0; i < arr.length; i++)
{
    var image_url = arr[i].image,
        heading = arr[i].heading,
        text = arr[i].text;

    // Do stuff with variables
}

answered May 9, 2013 at 18:12

David Barker

14.6k3 gold badges51 silver badges77 bronze badges

Collectives™ on Stack Overflow

Extracting value from a object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related