How to define nested array in javascript?

Question

The webpage I'm developing retrieves (product) information from the database via an ajax call to a php file. Given the array structure and related json encoded nested string in the simplified php file below, how to define the corresponding nested array in javascript in an elegant way?

I looked at the examples such as in JS nested arrays, but still get stuck...

php code:

$productinfo = array();
$productinfo['supplierA']['agreementX']['productY']['productpropertyZ'] = 'valueProductproperty';
echo json_encode($productinfo);

• Scott Hunter: An array needs integer indices, no? Maybe you want an object?
• Pointy: What's wrong with the code you have? What's going wrong?
• Joppo: @scott: Ideally I'd like to use a nested associative array with keys and using the javascript object description
• Kevin Seifert: You're missing a ; at the end of the first line.
• Joppo: @Pointy: My current code uses a (complex) two dimensional array, in which the keys in the provided php code are merged. Then I just found out that php allows arrays with more than 2 dimensions (yes, my coding experience is still limited), so I'd like to improve the code...

Answer 1

you are trying to create an object, not an array, Arrays are ordered lists, objects are unordered key/value pairs.

This would do the job:

var obj = {"supplierA": {"agreementX": {"productY": {"productpropertyZ":"valueProductproperty"}}}};

with more than one value, this could look like this:

var obj = {
 "A": {
 "1": "asd",
 "2": {
 "I": "asdf",
 "II": "asdfg"
 }
 },
 "B": "asdfgh"
 }

for more info just go to http://json.org/

• Paul S.: Your first example will actually throw TypeError: Cannot read property 'agreementX' of undefined
• ajp15243: Note to OP: JavaScript objects are based on the same idea as PHP associative arrays (a mapping of string keys to values), whereas JavaScript arrays are more akin to a Java or C array (which is a strict mapping of integer indices to values). The terminology can be confusing when mixing languages that have the same terms for slightly different things.
• Joppo: thnx! but how to define the javascript structure if the nested $productinfo array contains more values? (which I intended to ask)
• Joppo: @bbuecherl: thnx for the added example (!)