logo javascript

Aprenda javascript com facilidade do zero

Prof. Ivan Lourenço Gomes

JSON

JSON é um formato de armazenamento de dados extremamente popular. Praticamente qualquer serviço web trabalha com este formato e todas as linguagens de programação mais populares possuem a capacidade de importar e exportar dados em JSON.

O formato JSON é especialmente fácil de entender para quem programa em javascript, já que ele deriva desta linguagem. JSON significa "Javascript Object Notation" e como o nome já diz, usa a notação de objeto do Javascript.

Vamos imaginar o seguinte objeto:

                    

    var funcionario = {
        'nome': "Fernanda Costa",
        'd_nascimento': '1988-10-01',
        'CPF': '111.111.111-11'
    };

                    
                

O formato JSON faz a representação de objetos em string. Cada linguagem de programação possui suas próprias funções para importar e exportar dados em formato JSON. Em javascript para converter dados em JSON, usamos a função JSON.stringify(), e para converter um JSON em objeto javascript, usamos a função JSON.parse().

                    

    var funcionario_json = JSON.stringify(funcionario);
    console.log(funcionario_json);

    // O console mostrará: {"nome":"Fernanda Costa","d_nascimento":"1988-10-01","CPF":"111.111.111-11"}
    // que é exatamente o nosso objeto em formato string.

                    
                

Digamos que tivéssemos recebido este JSON de um serviço externo. Podemos convertê-lo em um objeto javascript e usá-lo em nosso código:

                    

    var funcionario_obj = JSON.parse(funcionario_json);
    console.log(funcionario_obj);
    console.log(funcionario_obj.nome);

                    
                

Tanto objetos quanto arrays podem ser convertidos em JSON:

                    

    var grupo_A = ['Real Madrid', 'Porto', 'Liverpool', 'Manchester United'];

    console.log( JSON.stringify(grupo_A) );

    console.log( typeof JSON.stringify(grupo_A) ); // O console mostrará "string"

                    
                

Usando a função typeof, vemos que o formato de um JSON é string, o que o deixa muito leve e fácil de trabalhar.

Na próxima seção do curso trabalharemos com pedidos AJAX e usaremos muito o formato JSON!

Índice de Aulas