Método parse() do JSON do JavaScript

Definição e uso

O método JSON.parse() analisa a string e retorna um objeto JavaScript.

A string deve ser escrita em formato JSON.

O método JSON.parse() pode optar por usar uma função para converter o resultado.

Exemplo

Exemplo 1

Analisar uma string (escrita em formato JSON) e retornar um objeto JavaScript:

var obj = JSON.parse('{"firstName":"Bill", "lastName":"Gates"}');

Experimente você mesmo

Exemplo 2

Como usar a função reviver：

/* Substitua o valor de "city" por maiúsculas: */
var text = '{ "name":"Bill", "age":"19", "city":"Seattle"}';
var obj = JSON.parse(text, function (key, value) {
  se key == "city" {
    retorne valor.toUpperCase();
  } else {
    valor retornado;
  }
});
document.getElementById("demo").innerHTML = obj.name + ", " + obj.city;

Experimente você mesmo

Exemplo 3

Analisar JSON recebido do servidor：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myObj = JSON.parse(this.responseText);
    document.getElementById("demo").innerHTML = myObj.name;
  }
};
xmlhttp.open("GET", "json_demo.txt", true);
xmlhttp.send();

Experimente você mesmo

Veja json_demo.txt

Sintaxe

JSON.parse(string, function)

Valor do parâmetro

Parâmetro Descrição
string Obrigatório. String escrita em formato JSON.
função reviver

Opcional. Função usada para converter resultados. Chame esta função para cada item. Qualquer objeto aninhado é convertido antes do objeto pai.

Se esta função retornar um valor válido, substitua o valor do item pelo valor convertido.

Se esta função retornar undefined, remova este item.

Detalhes técnicos

Valor retornado： Objeto JSON ou número.
Versão do JavaScript： ECMAScript 5

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente este método.

Método Chrome IE Firefox Safari Opera
parse() 4.0 8.0 3.5 4.0 11.5

Páginas relacionadas

Tutorial de JSON：Introdução ao JSON