How can PHP arrays be passed to JavaScript variables effectively?

To pass PHP arrays to JavaScript variables effectively, you can use JSON encoding to convert the PHP array into a JSON string, which can then be easily passed to JavaScript. In JavaScript, you can then parse the JSON string back into a JavaScript object. This allows for seamless transfer of data between PHP and JavaScript.

<?php
// Sample PHP array
$phpArray = array("apple", "banana", "orange");

// Encode PHP array to JSON
$jsonArray = json_encode($phpArray);
?>

<script>
// Pass JSON string to JavaScript variable
var jsArray = <?php echo $jsonArray; ?>;

// Parse JSON string back into JavaScript object
var parsedArray = JSON.parse(jsArray);

// Access elements of JavaScript array
console.log(parsedArray);
</script>