How would this PHP array look in Javascript?

Question

I got a little lazy and just used PHP to store all these values, I should be using Javascript to do this though. Whats the best way to do the following in Javascript? I would then be using jQuery's .each function to loop through it.

  $accessories = array (
       array('name' => 'Chrome pull out wire Basket 500 & 600 wide ', 'price' => '60'),
       array('name' => 'Chrome shoe rack 2 Tier', 'price' => '95'),
       array('name' => 'Chrome Shoe Rack 3 Tier', 'price' => '145'),
       array('name' => 'Chrome pull out trouser rack', 'price' => '40'),
       array('name' => 'Pull out tie rack', 'price' => '135'),
       array('name' => 'Pull Down hanging Rail 450mm to 1190mm width', 'price' => '33.50'),
       array('name' => 'Corner Hanging Rail', 'price' => '33.50')
        );

Community · Accepted Answer · 2020-06-20 09:12:55Z

9

JavaScript doesn't have associative arrays, so you'd have to build it as a series of objects in an array.

var accessories = [
    { 'name' : 'Chrome pull out...', 'price' : 60 },
    { 'name' : 'Chrome shoe rack..', 'price' : 95 }
];

You could then cycle over it using $.each as you requested:

$.each( accessories, function(){
    alert( this.name );
});

Fiddle: http://jsfiddle.net/jonathansampson/HXwMc/

Quickly Convert PHP Array to JSON

You can get the above structure easily by passing the array through json_encode():

echo json_encode( $accessories );

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jun 7, 2012 at 19:44

Sampson

269k76 gold badges546 silver badges570 bronze badges

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

1 Comment

Paul Over a year ago

+1, and you (possibly without knowing) corrected the spelling of accessories which the OP should probably do as well.

Madara's Ghost · Accepted Answer · 2012-06-07 19:59:34Z

4

It would probably look like this:

var array = [
    {"name": "Chrome pull out wire Basket 500 & 600 wide ", "price": "60"},
    {"name": "Chrome shoe rack 2 Tier", "price": "95"},
    {"name": "Chrome Shoe Rack 3 Tier", "price": "145"},
    {"name": "Chrome pull out trouser rack", "price": "40"},
    {"name": "Pull out tie rack", "price": "135"},
    {"name": "Pull Down hanging Rail 450mm to 1190mm width", "price": "33.50"},
    {"name": "Corner Hanging Rail", "price": "33.50"}
];

Note that this is an array of objects. JavaScript doesn't have associative arrays, those are objects.

edited Jun 7, 2012 at 19:59

answered Jun 7, 2012 at 19:46

Madara's Ghost

176k52 gold badges274 silver badges314 bronze badges

Comments

Will · Accepted Answer · 2012-06-07 19:46:16Z

3

As Jonathan noted, that's an array of objects in Javascript. It would look like this

var accessories = [
  { 
    name: 'hello',
    price: 1.00,
  },
  {
    name: 'world',
    price: 2.50,
  }
]

answered Jun 7, 2012 at 19:46

Will

1,61915 silver badges20 bronze badges

Collectives™ on Stack Overflow

How would this PHP array look in Javascript?

3 Answers 3

Quickly Convert PHP Array to JSON

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Quickly Convert PHP Array to JSON

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related