Convertir un tableau en JSON en JavaScript

Ce didacticiel abordera la conversion d’un tableau en JSON à l’aide de la fonction JSON.stringify() en JavaScript.

Convertir un tableau en JSON à l’aide de la fonction JSON.stringify() en JavaScript

Nous utilisons JSON pour envoyer et recevoir des données d’un serveur, et les données doivent être au format chaîne. Nous pouvons convertir un tableau JavaScript en JSON en utilisant la fonction JSON.stringify(). Par exemple, créons un tableau de chaînes et convertissons-le en JSON à l’aide de la fonction JSON.stringify(). Voir le code ci-dessous.

const MyArray = ['Banana', 'Apple'];
const JsonArray = JSON.stringify(MyArray);
console.log(JsonArray)

Production:

["Banana","Apple"]

Après avoir converti le tableau en JSON, vous pouvez l’envoyer au serveur sans aucun problème. Vous pouvez également convertir un objet contenant plusieurs propriétés en JSON à l’aide de la fonction JSON.stringify() en JavaScript. Par exemple, créons un objet avec diverses propriétés et convertissons-le en JSON à l’aide de la fonction JSON.stringify() en JavaScript. Voir le code ci-dessous.

const MyObject = {
  name: 'Sara',
  age: 22
};
const Json = JSON.stringify(MyObject);
console.log(Json)

Production:

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

Si vous souhaitez envoyer un objet contenant une fonction date à un serveur, vous pouvez utiliser la fonction JSON.stringify(), mais elle le convertira également en chaîne. Vous devez donc convertir cette chaîne en un objet date au niveau du récepteur. Par exemple, passons un objet date dans la fonction JSON.stringify() et voyons le résultat. Voir le code ci-dessous.

const MyObject = {
  name: 'Sara',
  date: new Date()
};
const Json = JSON.stringify(MyObject);
console.log(Json)

Production:

{ 'name': 'Sara', 'date': '2021-07-17T02:50:10.568Z' }

Comme vous pouvez le voir dans la sortie, la date a également été convertie en chaîne. Si vous souhaitez convertir un objet ou un tableau qui contient une fonction, la fonction JSON.stringify() supprimera la fonction. Vous devez donc convertir la fonction en chaîne avant de convertir l’objet ou le tableau en JSON, et au niveau du récepteur, vous pouvez le restaurer en fonction. Par exemple, convertissons un objet contenant une fonction en JSON à l’aide de la fonction JSON.stingify(). Voir le code ci-dessous.

const MyObject = {
  name: 'Sara',
  age: function result() {
    return 22;
  }
};
MyObject.age = MyObject.age.toString();
const Json = JSON.stringify(MyObject);
console.log(Json)

Production:

{"name":"Sara","age":"function result() {return 22;}"}

Dans le code ci-dessus, nous avons utilisé la fonction toString() pour convertir la fonction en chaîne, puis nous avons utilisé la fonction JSON.stringify() pour convertir l’objet en JSON. Nous pouvons utiliser la fonction eval() pour restaurer la fonction.