php array to js array output

In website development and programming, it is a common operation to interact back-end (PHP) data with front-end (JS) pages. For the transfer of arrays, the data structure of PHP is different from that of JS, and it requires certain processing before it can be output to the page. This article will introduce how to convert PHP array to JS array output.

Step1: Use the json_encode() function to convert a PHP array to JSON format

In PHP, it is very convenient to convert an array to JSON format, just use the json_encode() function. This function will convert a PHP array or value into a JSON string for easy parsing and use in JS.

Sample code:

<?php
$arr = array("apple", "banana", "watermelon");
echo json_encode($arr);
?>

Output result: ["apple","banana","watermelon"]

Here we can see that json_encode() converts the PHP array Successfully converted to JSON format.

Step2: Use the JSON.parse() function in JS to parse the JSON format into a JS array

In JS, you need to use the JSON.parse() function to convert the JSON format into an array. This function parses a JSON string into a JS object to facilitate subsequent operations.

Sample code:

<script>
var json = '["apple","banana","watermelon"]';
var arr = JSON.parse(json);
console.log(arr);
</script>

Output result: ["apple", "banana", "watermelon"]

Here we can see the JSON.parse() function Successfully converted JSON format to JS array.

Step3: Convert PHP array to JS array output

Based on the above two steps, we can convert PHP array to JS array output. The specific implementation is as follows:

<?php
$arr = array("apple", "banana", "watermelon");
$json = json_encode($arr);
?>
<script>
var arr = JSON.parse(<?php echo $json; ?>);
console.log(arr);
</script>

In this code, we first use the json_encode() function to convert the PHP array into JSON format, and then output it to the JS code through echo. The JSON.parse() function is then used in JS to parse the JSON format into a JS array, thereby realizing the transfer of the PHP array to the JS array.

Summary:

This article introduces how to convert a PHP array to a JS array output, and realizes the transmission and use of data based on the analysis of the json_encode() function and JSON.parse() function. In actual development, this method can be used to quickly transfer PHP background data to the JS front end, which is convenient and fast.

The above is the detailed content of php array to js array output. For more information, please follow other related articles on the PHP Chinese website!