How to Convert PHP Array into Javascript Array

Submitted by nurhodelta_17 on Thursday, April 19, 2018 - 21:24.

Creating our PHP Array

First we are going to create our PHP array.
  1. <?php
  2.         //create example array
  3.         $array = array(
  4.                 array(
  5.                         'id' => '1',
  6.                         'firstname' => 'neovic',
  7.                         'lastname' => 'devierte'
  8.                 ),
  9.                 array(
  10.                         'id' => '2',
  11.                         'firstname' => 'gemalyn',
  12.                         'lastname' => 'cepe'
  13.                 ),
  14.                 array(
  15.                         'id' => '1',
  16.                         'firstname' => 'julyn',
  17.                         'lastname' => 'divinagracia'
  18.                 )
  19.         );
  20.  
  21. ?>
The above code will create an array that looks like this: php array

Converting into Javascript Array

Finally, we convert our created PHP array into Javascript array.
  1. <script type="text/javascript">
  2.         //converting php array to js array
  3.         var array = <?php echo json_encode($array); ?>;
  4.         console.log(array);
  5. </script>
In here, we will view the created javascript in the console and it will look something like this: json_encode array

Full Source Code

Here's the Full Page Code.
  1. <?php
  2.         //create example array
  3.         $array = array(
  4.                 array(
  5.                         'id' => '1',
  6.                         'firstname' => 'neovic',
  7.                         'lastname' => 'devierte'
  8.                 ),
  9.                 array(
  10.                         'id' => '2',
  11.                         'firstname' => 'gemalyn',
  12.                         'lastname' => 'cepe'
  13.                 ),
  14.                 array(
  15.                         'id' => '1',
  16.                         'firstname' => 'julyn',
  17.                         'lastname' => 'divinagracia'
  18.                 )
  19.         );
  20.  
  21. ?>
  22. <!DOCTYPE html>
  23. <html>
  24. <head>
  25.         <meta charset="utf-8">
  26.         <title></title>
  27. </head>
  28. <body>
  29.  
  30. <script type="text/javascript">
  31.         //converting php array to js array
  32.         var array = <?php echo json_encode($array); ?>;
  33.         console.log(array);
  34. </script>
  35. </body>
  36. </html>
That ends this tutorial. Happy Coding :)
Tags
php
Array
Javascript
JSON
json_encode
php to javascript
php array to javascript array

Add new comment

About text formats
  • 170 views