Converter Array em JSON em JavaScript

Este tutorial discutirá a conversão de um array em JSON usando a função JSON.stringify() em JavaScript.

Converter um array em JSON usando a função JSON.stringify() em JavaScript

Usamos JSON para enviar e receber dados de um servidor, e os dados devem estar em formato de string. Podemos converter um array JavaScript em JSON usando a função JSON.stringify(). Por exemplo, vamos criar um array de string e convertê-la em JSON usando a função JSON.stringify(). Veja o código abaixo.

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

Produção:

["Banana","Apple"]

Depois de converter a matriz em JSON, você pode enviá-la ao servidor sem problemas. Você também pode converter um objeto contendo várias propriedades em JSON usando a função JSON.stringify() em JavaScript. Por exemplo, vamos criar um objeto com várias propriedades e convertê-lo em JSON usando a função JSON.stringify() em JavaScript. Veja o código abaixo.

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

Produção:

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

Se você deseja enviar um objeto que contém uma função de data para um servidor, você pode usar a função JSON.stringify(), mas também irá convertê-lo em uma string. Portanto, você deve converter essa string em um objeto de data no receptor. Por exemplo, vamos passar um objeto de data para a função JSON.stringify() e ver o resultado. Veja o código abaixo.

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

Produção:

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

Como você pode ver na saída, a data também foi convertida em uma string. Se você deseja converter um objeto ou array que contém uma função, a função JSON.stringify() removerá a função. Portanto, você deve converter a função em uma string antes de converter o objeto ou array em JSON e, no receptor, pode restaurá-lo em uma função. Por exemplo, vamos converter um objeto contendo uma função em JSON usando a função JSON.stingify(). Veja o código abaixo.

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

Produção:

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

No código acima, usamos a função toString() para converter a função em uma string e, em seguida, usamos a função JSON.stringify() para converter o objeto em JSON. Podemos usar a função eval() para restaurar a função.