What is the main issue with trying to output a PHP array within a JavaScript loop?

The main issue with trying to output a PHP array within a JavaScript loop is that PHP is a server-side language and JavaScript is a client-side language. This means that PHP code is executed on the server before the page is sent to the client, while JavaScript code is executed on the client's browser. To output a PHP array within a JavaScript loop, you need to pass the PHP array data to JavaScript using JSON format. 

<?php
$phpArray = array("apple", "banana", "orange");
?>

<script>
var jsArray = <?php echo json_encode($phpArray); ?>;
for (var i = 0; i < jsArray.length; i++) {
    console.log(jsArray[i]);
}
</script>

Keywords

PHP array JavaScript loop JSON encoding data conversion syntax error

Related Questions