How do I create multidimensional and associative arrays in javascript?

Question

In my PHP-script I have a multidimensional and associative array I want to "transform" into a javascript array. The array looks like this in PHP:

<?php
    $myArray = array(
        array( "value" => 1, "label" => "First" ),
        array( "value" => 2, "label" => "Second" )
    )
?>

And now I want to create that array into an equivalent array in javascript, through a foreach-loop. Something like this:

<script>
    var myArrayInJS = new Array();
        <? foreach( $myArray as $innerArray ): ?>
            // What do I write here?
        <? endforeach; ?>
</script>

Possible duplicate of stackoverflow.com/questions/4329092/… — Pulkit Goyal
– Pulkit Goyal, Commented Mar 2, 2012 at 15:44

duri · Accepted Answer · 2012-03-02 15:43:11Z

7

You can just use

var myArrayInJs = <?php echo json_encode($myArray); ?>;

answered Mar 2, 2012 at 15:43

duri

15.4k3 gold badges49 silver badges51 bronze badges

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

2 Comments

Weblurk Over a year ago

Great! Didn't have to mess around with a foreach-loop... But I'm curious, does Javascript see no difference between json-notation and array-notation? Same thing?

duri Over a year ago

@FoadFarkhondeh JSON is the recommended way how to create arrays and objects in Javascript.

outrunthewolf · Accepted Answer · 2012-03-02 15:48:00Z

0

I would advise you not to put PHP inside Javascript. If you ever change your PHP variables or move your templates around it can mess things up.

Just make an Ajax request for it, return it as JSON, then you don't need to start building complex arrays. You will just have a nice tidy Object

answered Mar 2, 2012 at 15:48

outrunthewolf

3834 silver badges13 bronze badges

1 Comment

outrunthewolf Over a year ago

Technically an Array and an Object are pretty much the same thing in JS (minus a few small points). But I would definitely suggest a request... it makes life so much easier and means you can shift your js into .js files out of the templates.

SenorAmor · Accepted Answer · 2012-03-02 15:45:12Z

-1

Javascript multidimensional arrays (or Objects) have the following notation:

var multi = { "key1" : "val1" , "key2" : "val2" }

And you access (and assign) them like obj.key

alert(multi.key1) // This would alert 'val1'.

Since it seems you already know the PHP side, I will let you go from here.

Hope this helps.

answered Mar 2, 2012 at 15:45

SenorAmor

3,34518 silver badges27 bronze badges

Collectives™ on Stack Overflow

How do I create multidimensional and associative arrays in javascript?

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related