tableau de conversion d'objet javascript json

Dans le développement front-end, nous impliquons souvent la conversion d'objets et de tableaux JavaScript. Un scénario courant consiste à convertir un objet JSON en tableau. Dans cet article, nous allons explorer comment convertir un objet JSON en tableau à l'aide de méthodes en JavaScript.

JSON est un format d'échange de données léger avec un format simple, facile à lire et à écrire. En JavaScript, nous pouvons utiliser l'objet JSON intégré pour gérer les données JSON. Généralement, nous utilisons la méthode JSON.parse() pour convertir une chaîne JSON en un objet JavaScript. Par exemple, supposons que nous ayons la chaîne JSON suivante :

let jsonString = '{"name":"小明","age":18,"gender":"男"}';

Nous pouvons utiliser la méthode JSON.parse() pour la convertir en un objet JavaScript :

let jsonObject = JSON.parse(jsonString);

Après une telle opération , nous le ferons. Vous pouvez utiliser les variables jsonObject comme des objets ordinaires. Mais que se passe-t-il si nous voulons convertir un objet JSON en tableau ? Nous explorerons ensuite deux méthodes.

Méthode 1

Un moyen simple consiste à parcourir manuellement l'objet JSON et à stocker ses propriétés dans un tableau. Par exemple, nous pouvons convertir jsonObject en tableau en utilisant le code suivant :

let jsonArray = [];

for(let key in jsonObject ){
    jsonArray.push(jsonObject[key]);
}

Dans le code ci-dessus, nous créons d'abord un tableau vide jsonArray. Utilisez ensuite une boucle for-in pour parcourir chaque propriété de l'objet jsonObject et transférez la valeur de cette propriété dans le tableau jsonArray. Enfin, nous obtenons un tableau jsonArray contenant toutes les valeurs des propriétés dans jsonObject.

L'inconvénient de cette méthode est qu'elle n'est pas assez concise. Elle nécessite un parcours manuel de l'objet et ne peut pas utiliser directement la conversion de fonction intégrée. Par conséquent, nous pouvons adopter la deuxième méthode et utiliser les méthodes intégrées fournies par JavaScript pour convertir des objets et des tableaux les uns vers les autres.

Méthode deux

La deuxième méthode consiste à utiliser la méthode Object.values() en JavaScript. La méthode Object.values() renvoie un tableau composé de toutes les valeurs de propriété de l'objet lui-même. Par exemple, nous pouvons utiliser le code suivant pour convertir jsonObject en tableau :

let jsonArray = Object.values(jsonObject);

Dans le code ci-dessus, nous utilisons la méthode Object.values() pour extraire toutes les valeurs de propriété de jsonObject et mettre les dans le tableau jsonArray. Par rapport à la première méthode, cette méthode est évidemment plus simple et plus lisible. Dans le même temps, l’utilisation de méthodes intégrées peut rendre le code plus concis et plus facile à maintenir.

Résumé :

Cet article présente deux méthodes pour convertir des objets JSON en tableaux. La première méthode consiste à parcourir manuellement l'objet JSON et à stocker les valeurs des propriétés dans un tableau. La deuxième méthode consiste à utiliser la méthode Object.values() en JavaScript pour extraire les valeurs des propriétés et les placer dans un tableau. La deuxième méthode est plus concise que la première méthode et peut tirer parti des fonctions intégrées fournies par JavaScript pour faciliter la maintenance du code.

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!