What is the right way to create key => values array in Javascript

Question

I have this PHP array:

$teams = array(
    "img1" => "img/img1.jpg",
    "img2" => "img/img2.jpg",
    "img3" => "img/img3.jpg",
    ...
);

Is there any way to get the same array in Javascript? By same array I mean a array with key => values?

carter · Accepted Answer · 2013-10-26 15:52:40Z

4

There are no associate arrays in javascript, but you can use objects with a key.value pair.

var obj = {};
obj.myNewKey = myNewValue;

You can also refer to these object properties in the following way:

obj['myNewKey'] = myNewValue;

Just keep in mind that although it looks like an associative array, it is actually an object.

There is also this way:

var obj = {
  myNewKey:"myNewValue",
  "myOtherKey":"myOtherValue"
};

answered Oct 26, 2013 at 15:52

carter

5,5145 gold badges34 silver badges40 bronze badges

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

Comments

mplungjan · Accepted Answer · 2013-10-26 15:59:53Z

1

Do you mean echo "var teams = ".json_encode($teams);

answered Oct 26, 2013 at 15:59

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Comments

Niet the Dark Absol · Accepted Answer · 2013-10-26 15:53:20Z

0

No. Arrays are indexed numerically.

However, objects allow string keys to values, similar to an associative array (but not quite - it is unordered and has none of the Array methods).

var teams = {
    "img1":"img/img1.jpg",
    "img2":"img/img2.jpg",
    "img3":"img/img3.jpg"
};

answered Oct 26, 2013 at 15:53

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Comments

Vicky Gonsalves · Accepted Answer · 2013-10-26 15:55:00Z

0

var a={"key":"value","key2":"value2"}

answered Oct 26, 2013 at 15:55

Vicky Gonsalves

11.8k3 gold badges39 silver badges58 bronze badges

Comments

Abu Romaïssae · Accepted Answer · 2013-10-26 16:42:27Z

0

if you wish to have the exact array from your php transfered to your script tag in html you could pass it as a json string in the following way:

<html>
    <head>
        <script>
         // some js code here
         var teams = <?php echo json_encode($teams); ?>;
         // some other js code
        </script>
    </head>
    <body>
        page html content here
    </body>
<html>

edited Oct 26, 2013 at 16:42

answered Oct 26, 2013 at 15:59

Abu Romaïssae

3,8915 gold badges40 silver badges60 bronze badges

3 Comments

Abu Romaïssae Over a year ago

@mplungjan, to evaluate the json string and convert it to an JS object, or is there a better way to make ?

mplungjan Over a year ago

php.net/manual/en/function.json-encode.php se my suggestion. No need to do anything except put a var varname = in front of it

Abu Romaïssae Over a year ago

Okay, I got it now, thanks, I've edited my answer, if you don't mind, please remove the downvote

Collectives™ on Stack Overflow

What is the right way to create key => values array in Javascript

5 Answers 5

Comments

Comments

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related