How to Convert PHP Array to JavaScript Array


PHP array can be used in JavaScript, whatever the array is a single or multidimensional or indexed or associative array. You can convert PHP array to JavaScript array easily with a single line of code. Using json_encode() function, PHP array can be converted to JavScript array and accessible in JavaScript.

Single Dimensional Indexed Array

The following example converts numerically indexed PHP array to JavaScript array.
PHP:

$userArray = array('John Doe''john@example.com');

JavaScript:

<script type="text/javascript">
var users = <?php echo json_encode($userArray); ?>;
</script>

Access Array Elements in JavaScript:

alert(users[0]); //output will be "John Doe"

Multidimensional Indexed Array

The following example converts numerically indexed PHP multidimensional array to JavaScript array.
PHP:

$userArray = array(
    array(
'John Doe''john@example.com'),
    array(
'Marry Moe''marry@example.com'),
    array(
'Smith Watson''smith@example.com')
);

JavaScript:

<script type="text/javascript">
var users = <?php echo json_encode($userArray); ?>;
</script>

Access Array Elements in JavaScript:

alert(users[1][0]); //output will be "Marry Moe"

Multidimensional Associative array

The following example converts associative PHP multidimensional array to JavaScript array.
PHP:

$userArray = array(
    array(
'name'=>'John Doe''email'=>'john@example.com'),
    array(
'name'=>'Marry Moe''email'=>'marry@example.com'),
    array(
'name'=>'Smith Watson''email'=>'smith@example.com')
);

JavaScript:

<script type="text/javascript">
var users = <?php echo json_encode($userArray); ?>;
</script>

Access Array Elements in JavaScript:

alert(users[0].email); //output will be "john@example.com"

Leave a reply