PHP array to javascript array

Question

Suppose, I have this array in php

$cities=array(
    "Caracas"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),
    "Los Teques"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),
    "La Victoria"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),
    "Maracay"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),
    "Tejeria"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),
    "La Encrucijada"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),
    "Cagua"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),
    "Turmero"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),
    "San Mateo"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),
    "Margarita"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),
    "Valencia"=>array(
        "air"=>array(
            "4","3-5 Working Days","Saturday"
        ),
        "sea"=>array(
            "18","3-5 Days","Wednesday"
        )
    ),

    // another section

    "Puerto la Cruz"=>array(
        "air"=>array(
            "4.50","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "19","4-6 Days","Wednesday"
        )
    ),
    "Lecheria"=>array(
        "air"=>array(
            "4.50","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "19","4-6 Days","Wednesday"
        )
    ),
    "Bacelona"=>array(
        "air"=>array(
            "4.50","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "19","4-6 Days","Wednesday"
        )
    ),
    "Guanta"=>array(
        "air"=>array(
            "4.50","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "19","4-6 Days","Wednesday"
        )
    ),
    "Puerto Piritu"=>array(
        "air"=>array(
            "4.50","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "19","4-6 Days","Wednesday"
        )
    ),

    // another section

    "Cumana"=>array(
        "air"=>array(
            "5.50","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "19.50","4-6 Days","Wednesday"
        )
    ),
    "Anaco"=>array(
        "air"=>array(
            "5.50","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "19.50","4-6 Days","Wednesday"
        )
    ),
    "Cantaura"=>array(
        "air"=>array(
            "5.50","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "19.50","4-6 Days","Wednesday"
        )
    ),
    "El Tigre"=>array(
        "air"=>array(
            "5.50","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "19.50","4-6 Days","Wednesday"
        )
    ),

    // another section

    "Maturin"=>array(
        "air"=>array(
            "6","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "20","4-6 Days","Wednesday"
        )
    ),
    "Punta de Mata"=>array(
        "air"=>array(
            "6","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "20","4-6 Days","Wednesday"
        )
    ),
    "Ciudad Bolivar"=>array(
        "air"=>array(
            "6","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "20","4-6 Days","Wednesday"
        )
    ),
    "Puerto Ordaz"=>array(
        "air"=>array(
            "6","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "20","4-6 Days","Wednesday"
        )
    ),
    "Carupano"=>array(
        "air"=>array(
            "6","5-10 Working Days","Saturday"
        ),
        "sea"=>array(
            "20","4-6 Days","Wednesday"
        )
    ),

);

How can I convert that to javascript with every keys same? I want the same array in javascript

Marc B · Accepted Answer · 2012-08-07 05:24:51Z

6

Try json_encode(). JSON is the first, best, and only answer for php<->javascript data transfers.

answered Aug 7, 2012 at 5:24

Marc B

362k44 gold badges433 silver badges508 bronze badges

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

4 Comments

LIGHT Over a year ago

How is the values accessible?

Marc B Over a year ago

exactly the same as any other javascript data structure. arr['Caracas']['air']

LIGHT Over a year ago

Please do that and show the code to do. Please show me how to access the $cities['Caracas']['air'][0] using javascript and json

Marc B Over a year ago

That's core/basic javascript, and work exactly the same as in PHP. You know how to do it in PHP, so you know how to do it in JS.

Ben Rowe · Accepted Answer · 2012-08-07 05:31:18Z

3

<script>var cities = <?php echo json_encode($cities); ?>;</script>

then to access the data

<script>
  cities['San Mateo']['Air'][0]; // 4
  cities['San Mateo']['Air'][1]; // 3-5 Working Days
  // etc

  // looping
  for( var key in cities) {
    // key = city name
  }
</script>

answered Aug 7, 2012 at 5:31

Ben Rowe

28.8k6 gold badges58 silver badges76 bronze badges

Comments

rjz · Accepted Answer · 2012-08-07 05:24:33Z

1

You can use json_encode to convert the array to JSON:

echo json_encode($cities);
exit;

answered Aug 7, 2012 at 5:24

rjz

16.5k3 gold badges39 silver badges35 bronze badges

1 Comment

LIGHT Over a year ago

Please do that and show the code to do. Please show me how to access the $cities['Caracas']['air'][0] using javascript and json

Noah Passalacqua · Accepted Answer · 2012-08-07 05:37:17Z

0

PHP

echo json_encode($cities);

jQuery

$.getJSON("php_file.php",function(data) {
    // "data" is the echoed encoded array from the php file.

    // "array"."city name"."'air' or 'sea'"."number value that is in the PHP file"
    data.Caracas.air.4 // this is how you access the data inside the array
});

edited Aug 7, 2012 at 5:37

answered Aug 7, 2012 at 5:32

Noah Passalacqua

8022 gold badges9 silver badges24 bronze badges

Collectives™ on Stack Overflow

PHP array to javascript array

4 Answers 4

4 Comments

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

1 Comment

Comments

Linked

Related