Accessing JSON Object values from json_encode($phpArray)

Question

I'm a JSON/Javascript newbie and have a problem of this nature.

within my php script I'm passing a php array to javascript as follows:

echo '<img id="Next" src="misc/arrow_right.png" onclick="imageSlider(' . json_encode($images) . ')" >';

in my javascript:

function imageSlider(imagesArray) {
alert(imagesArray); 
}

the alert above prints an output of the form object Object

The trouble is I do not know how best to 'decompose' or break down this object so that I can extract its the data that I originally json_encoded.The structure of the original array is a simple numeric indexed array with strings i.e ["image1", "image2",...] etc

I have also tried alert(JSON.stringify(imagesArray)) and I get this string:

{"1":"images1.jpg","2":"images2.jpg","3":"images3.jpg","4":"images4.jpg","5":"images5.jpg"}

Either way I am not sure how best to get my images names and array index in javascript. e.g extract 1 and images1.jpg from the object or if there is a way to convert the 'stringified' object into a true javascipt array...? Thanks

it alreaady is a havascript object. json = javascript obj. notation. try imagesArray[1] to see that it actually works. — tozlu
– tozlu, Commented Mar 4, 2014 at 22:12

tozlu · Accepted Answer · 2014-03-04 22:19:32Z

0

You can use famous json2.js to parse json string into object in Javascript. After including json2.js, you can use:

imageArray = JSON.parse(encodedJson);

Bu i think in your example it is already a true javascript object if you have a json encoded object. You can use

console.log(imageArray);

to see contents of imageArray. And you can access the properties of your object like:

alert(imageArray[1]) //this will alert "image1.jpg"

But i want you to know that imageArray is not an array, it is a javascript object. And you cannot use dot notation to reach javascript object's values if the key is a number (like in your example). So you can not use imageArray.1 to reach "image1.jpg", you should use square brackets if your keys are numbers like the code above. If you want to use dot notation, you should make your keys strings such as:

imageArray = { "i1": "image1.jpg", "i2": "image2.jpg" } //this way you can use imageArray.i1 to get "image1.jpg"

answered Mar 4, 2014 at 22:19

tozlu

4,8854 gold badges33 silver badges46 bronze badges

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

2 Comments

Ceasar Over a year ago

Awesome 'floppy disk'. Thanks a lot. You spotted my other ignorance on numeric keys, I had initially tried imageArray.1 without joy. Thanks very much.

tozlu Over a year ago

:) My pleasure to help

wharding28 · Accepted Answer · 2014-03-04 22:26:16Z

0

You were close.

function imageSlider(imagesObject) {

    //access it like an Array (note the quotes around 1), no other changes needed.
    imagesObject["1"];

}

answered Mar 4, 2014 at 22:26

wharding28

1,36711 silver badges13 bronze badges

Comments

Schien · Accepted Answer · 2014-03-04 22:09:44Z

-1

var imgs=eval('('+imagesArray+')');

Then you can access imgs object.

Keep in mind that this is not an indexed array any more, but a key-value store:

for (key in imgs){
  var img=imgs[key];
  console.log(img);
}

answered Mar 4, 2014 at 22:09

Schien

3,9231 gold badge20 silver badges29 bronze badges

Collectives™ on Stack Overflow

Accessing JSON Object values from json_encode($phpArray)

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related