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.

<?php
        //create example array
        $array = array(
                array(
                        'id' => '1',
                        'firstname' => 'neovic',
                        'lastname' => 'devierte' 
                ),
                array(
                        'id' => '2',
                        'firstname' => 'gemalyn',
                        'lastname' => 'cepe' 
                ),
                array(
                        'id' => '1',
                        'firstname' => 'julyn',
                        'lastname' => 'divinagracia' 
                )
        );
 
?>

The above code will create an array that looks like this:

Converting into Javascript Array

Finally, we convert our created PHP array into Javascript array.

<script type="text/javascript">
        //converting php array to js array
        var array = <?php echo json_encode($array); ?>;
        console.log(array);
</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.

<?php
        //create example array
        $array = array(
                array(
                        'id' => '1',
                        'firstname' => 'neovic',
                        'lastname' => 'devierte' 
                ),
                array(
                        'id' => '2',
                        'firstname' => 'gemalyn',
                        'lastname' => 'cepe' 
                ),
                array(
                        'id' => '1',
                        'firstname' => 'julyn',
                        'lastname' => 'divinagracia' 
                )
        );
 
?>
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title></title>
</head>
<body>
 
<script type="text/javascript">
        //converting php array to js array
        var array = <?php echo json_encode($array); ?>;
        console.log(array);
</script>
</body>
</html>

That ends this tutorial. Happy Coding :)

Add new comment

170 views