Maison > interface Web > Questions et réponses frontales > Comment convertir une chaîne json en objet dans es6

Comment convertir une chaîne json en objet dans es6

青灯夜游
Libérer: 2022-10-17 16:32:41
original
1808 Les gens l'ont consulté

Étapes de conversion : 1. Utilisez la méthode JSON.parse() pour convertir la chaîne json en tableau, la syntaxe est "JSON.parse(json string)" ; 2. Utilisez l'opérateur d'expansion "..." pour convertir les éléments du tableau dans Retirez simplement les éléments du tableau un par un et stockez-les dans un objet vide "{}", la syntaxe est "{... objet tableau}".

Comment convertir une chaîne json en objet dans es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

JSON

  • JSON est un format de chaîne spécial, essentiellement une chaîne

  • Comme les objets et les tableaux, si la clé et la valeur sont au format chaîne, elles sont placées entre guillemets doubles (doivent être des guillemets doubles)

Exemple :

var jsonStr = '{ "name": "cxh", "sex": "man" }';
Copier après la connexion

Comment convertir une chaîne json en objet dans es6

Méthode es6 pour convertir une chaîne json en objet

Dans es6, vous pouvez utiliser des tableaux, la méthode JSON.parse() et les extensions Operator "..." pour convertir chaîne json dans l'objet.

Étapes de conversion :

Étape 1. Utilisez la méthode JSON.parse() pour convertir la chaîne json en tableau

La méthode JSON.parse() convertit les données en un objet JavaScript

var jsonStr = '[1,2,3,{"a":1}]';
var arr=JSON.parse(jsonStr);
console.log(arr);
Copier après la connexion

Comment convertir une chaîne json en objet dans es6

Étape 2 : Utilisez l'opérateur de propagation "..." pour convertir le tableau en objet

L'opérateur de propagation "..." peut étendre le tableau, supprimer les éléments du tableau un par un et puis stockez-le dans un objet vide "{ }".

const obj = {...arr} ;
console.log(obj);
Copier après la connexion

Comment convertir une chaîne json en objet dans es6

【Recommandations associées : Tutoriel vidéo javascript, Vidéo de programmation

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal