Comment utiliser l'affectation de tableau php en js

Dans les pages frontales, les tableaux PHP sont souvent utilisés pour stocker et traiter des données. En tant que langage de programmation populaire, JavaScript a également la capacité de gérer des tableaux. Cet article explique comment utiliser l'affectation de tableau PHP en JavaScript.

1. Tableaux PHP

Il existe de nombreux types de tableaux PHP, dont les plus courants sont les tableaux d'index et les tableaux associatifs.

1. Tableau indexé

Le tableau indexé est le type de tableau le plus simple en PHP, où chaque élément a un index numérique, commençant à 0 et augmentant dans l'ordre. Par exemple, le code suivant crée un tableau indexé de trois éléments :

$colors = array("Red", "Green", "Blue");

2. Tableau associatif

Les tableaux associatifs sont un autre type de tableau courant en PHP, où chaque élément est indexé par une chaîne et se compose d'une valeur. Par exemple, le code suivant crée un tableau associatif avec trois éléments :

$person = array(
    "name" => "John",
    "age" => 30,
    "city" => "New York"
);

2. Tableaux JavaScript

JavaScript prend en charge deux types de tableaux : les tableaux d'index numériques et les tableaux associatifs (également appelés objets).

1. Tableau à index numérique

Le tableau à index numérique est le type de tableau le plus simple en JavaScript, où chaque élément a un index numérique, commençant à 0 et augmentant en séquence.

La méthode pour créer un tableau d'index numérique est la suivante :

var colors = ["Red", "Green", "Blue"];

2. Tableau associatif (objet)

Le tableau associatif est également appelé objet en JavaScript, et chaque élément de celui-ci se compose d'un index de chaîne et de la valeur correspondante . La méthode pour créer un tableau associatif est la suivante :

var person = {
    name: "John",
    age: 30,
    city: "New York"
};

3. Utilisez un tableau PHP pour attribuer un tableau JavaScript

En JavaScript, vous pouvez utiliser le format JSON du tableau PHP pour attribuer un tableau JavaScript.

JSON (JavaScript Object Notation) est un format léger d'échange de données. Il est basé sur un sous-ensemble de JavaScript qui peut convertir n'importe quel objet JavaScript en représentation sous forme de chaîne et l'analyser sous forme d'objet en JavaScript.

1. Utilisez JSON.stringify() pour convertir un tableau PHP en chaîne JSON

En PHP, vous pouvez utiliser la fonction json_encode() pour convertir un tableau en chaîne JSON. Par exemple, le code PHP suivant convertit un tableau associatif de trois éléments en une chaîne JSON :

$person = array(
    "name" => "John",
    "age" => 30,
    "city" => "New York"
);
$person_json = json_encode($person);
echo $person_json;

Le résultat est :

{"name":"John","age":30,"city":"New York"}

Dans notre code JavaScript, nous pouvons convertir cela en appelant la méthode JSON.parse(). Les chaînes JSON sont analysé en objets JavaScript.

2. Affectation au tableau JavaScript

Après avoir analysé la chaîne JSON convertie à partir du tableau PHP, vous pouvez l'attribuer au tableau JavaScript.

var person_json = '{"name":"John","age":30,"city":"New York"}';
var person_obj = JSON.parse(person_json);

// 创建一个空的 JavaScript 数组
var person_arr = [];

// 将解析后的 JSON 对象中的每个属性复制到 JavaScript 数组中
for (var prop in person_obj) {
    person_arr[prop] = person_obj[prop];
}

// 打印 JavaScript 数组
console.log(person_arr);

Le résultat de sortie est :

["John", 30, "New York"]

4. Utilisez un tableau PHP pour attribuer un tableau associatif JavaScript

Si vous devez créer un tableau associatif en JavaScript et l'attribuer dans le cadre du tableau PHP. Ceci peut être réalisé en parcourant le tableau PHP et en créant un nouvel objet JavaScript.

// 假设有一个包含一些元素的 PHP 数组
var colors = {
    red: "#FF0000",
    green: "#00FF00",
    blue: "#0000FF"
};

// 创建一个空的 JavaScript 关联数组
var colors_obj = {};

// 将 PHP 数组中的每个属性复制到 JavaScript 关联数组中
for (var prop in colors) {
    colors_obj[prop] = colors[prop];
}

// 打印 JavaScript 关联数组
console.log(colors_obj);

Le résultat de sortie est :

{red: "#FF0000", green: "#00FF00", blue: "#0000FF"}

De cette façon, vous pouvez attribuer des tableaux PHP à des tableaux JavaScript ou à des tableaux associatifs pour répondre aux besoins de traitement des données de page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!