How to convert PHP array to JS object array object

With the continuous development of front-end technology, the separation of front-end and back-end has gradually become a trend. In the architecture design of separate front-end and back-end, the front-end needs to request data from the back-end through API. At this time, the front-end needs to operate the data through JavaScript, so the data format conversion between the two is required. In the development of front-end and back-end separation, PHP, as a server-side programming language, often needs to implement the function of converting PHP arrays into JavaScript object array objects. This article will explain to you how to convert a PHP array to a JS object array object.

1. PHP array

PHP is a server-side programming language that can generate HTML pages, but the use of various variable types is also very flexible. Array is one of the most commonly used data structures in PHP, and it is also an important prerequisite for converting PHP arrays into JS object array objects.

PHP arrays can be declared in the following way:

$arr = array("name"=>"Jack","age"=>"22");

Here we define a PHP array named $arr and initialize it to an array containing ## Associative array of #name and age elements. Among them, name and age are the keys of the array elements respectively, and "Jack" and "22" are the values ​​of the array elements. You can view the structure of the array through the var_dump() function:

var_dump($arr);

The output results are as follows:

array(2) {
  ["name"]=>
  string(4) "Jack"
  ["age"]=>
  string(2) "22"
}

As you can see,

var_dump() The structure of the array $arr is output, including the keys and values ​​of the elements.

2. Method to convert PHP array into JavaScript object array object

Use
1. json_encode() function

PHP since The

json_encode() function can convert PHP arrays into JSON strings, and JSON strings can be parsed directly by JavaScript. Therefore, this method is the most common and one of the simplest.

The sample code is as follows:

$arr = array("name"=>"Jack","age"=>"22");

$jsonStr = json_encode($arr);

echo $jsonStr;

The output result of this code is:

{"name":"Jack","age":"22"}

As you can see, we converted the PHP array

$arr into A JSON string, where name and age correspond to the keys of the array elements, and "Jack" and "22" correspond to the array The value of the element.

Copy the obtained JSON string into JavaScript and convert it into an object array object through the

JSON.parse() function:

var objArr = JSON.parse('{"name":"Jack","age":"22"}');

console.log(objArr);

The output result is as follows:

{name: "Jack", age: "22"}

As you can see, we successfully converted the PHP array

$arr into a JavaScript object array object.

Use
2. serialize() and unserialize() functions

##serialize()

is PHP The built-in serialization function can serialize PHP arrays into strings. unserialize() The function can restore the serialized string to a PHP value. The sample code is as follows:

$arr = array("name"=>"Jack","age"=>"22");

$str = serialize($arr);

$objArr = unserialize($str);

print_r($objArr);

The output result is as follows:

Array
(
    [name] => Jack
    [age] => 22
)

As you can see, we serialized the PHP array

$arr

into a string$str, and then use the unserialize() function to restore it to the PHP array $objArr. In the front end, you can use the

json_encode()

function to convert the PHP array into a JSON string, and then use the JSON.parse() function to convert it into Object array object. 3. Summary

This article mainly explains two methods of converting PHP arrays into JavaScript object array objects. Among them, using the

json_encode()

function is the most common and simple of. With the popularity of front-end and back-end separation, understanding and mastering the basic knowledge of data format conversion is essential for front-end development.

The above is the detailed content of How to convert PHP array to JS object array object. For more information, please follow other related articles on the PHP Chinese website!