Accessing values in JavaScript object

Question

Question revised for clarity: Im having issue parsing json file. I want to output the value of the basename labeled "image_01". So the it will only outputs http://blog.url/news/images/201516.jpg

<div id="placeholder"></div>
<script>
var data={
    "items": [
        {
            "title": "This is The Title",
            "customFields": [
                {
                    "basename": "image_01",
                    "value": "<form mt:asset-id=\"352706\" class=\"mt-enclosure mt-enclosure-image\" style=\"display: inline;\"><a href=\"http://blog.com/news/images/20150116.jpg\">20150116.jpg</a></form>"
                }
            ],
            "permalink": "http://blog.com/index.php"
        }
    ]
}

document.getElementById("placeholder").innerHTML=data.items[0].title + " " + data.items[0].permalink+"--"+ data.items[0].customFields.basename.image_01;
</script>

http://jsfiddle.net/v57s2csa/ fixed

I think particular problem lies in

data.items[0].customFields.basename.image_01;

There is a problem with your json. Check it via jsonlint online. — Kai Mattern
– Kai Mattern, Commented Mar 10, 2015 at 9:15
You're absolutely right @T.J.Crowder. It was certainly tedious for me (mandatorily) hopping over elsewhere to check out code. — Ifedi Okonkwo
– Ifedi Okonkwo, Commented Mar 10, 2015 at 9:23
That's not JSON, that's JavaScript code. And this has nothing to do with parsing. — T.J. Crowder
– T.J. Crowder, Commented Mar 10, 2015 at 9:32

T.J. Crowder · Accepted Answer · 2015-03-10 09:35:00Z

1

customFields is an array. You need to access the values inside it with an index.

document.getElementById("placeholder").innerHTML=data.items[0].title + " " + data.items[0].permalink+"--"+ data.items[0].customFields[0].basename;
// Change is here -------------------------------------------------------------------------------------------------------------------^^^

http://jsfiddle.net/v57s2csa/1/

edited Mar 10, 2015 at 9:35

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

answered Mar 10, 2015 at 9:18

Kiba

11k7 gold badges30 silver badges31 bronze badges

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

1 Comment

Shankar Sengalani Over a year ago

This one is correct and you (Maca) also mentioning the value in the statement (...basename.image_01), where the statement is completely incorrect. we must stop till the name to access its corresponding name

Ifedi Okonkwo · Accepted Answer · 2015-03-10 09:27:39Z

0

Replace the javascript with:

  document.getElementById("placeholder").innerHTML=data.items[0].title + " " 
+ data.items[0].permalink+"--"+ data.items[0].customFields[0].basename.image_01;

to reflect that customFields is array, not object.

edited Mar 10, 2015 at 9:27

answered Mar 10, 2015 at 9:20

Ifedi Okonkwo

3,7085 gold badges37 silver badges45 bronze badges

Comments

Vinoth K · Accepted Answer · 2015-03-10 09:32:44Z

0

There is no object called image_01 inside data. Instead of

data.items[0].customFields.basename.image_01;

use

data.items[0].customFields[0].value

Also a img tag inside Form to display image after appending,

http://blog.url/news/images/201516.jpg\"><img src='http://blog.url/news/images/201516.jpg'/></a></form>

answered Mar 10, 2015 at 9:32

Vinoth K

1063 bronze badges

Collectives™ on Stack Overflow

Accessing values in JavaScript object

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related