JSON e objetos em Java Script

JSON (JavaScript Object Notation) é um formato leve, meramente textual, para compartilhamento e intercâmbio de dados computacionais. É um subconjunto da notação de objeto de JavaScript, mas seu uso não requer JavaScript exclusivamente. Neste post veja JSON e objetos em Java Script.

É um dos formatos mais utilizados para comunicação entre serviços web (webservices)

No desenvolvimento de softwares, seja mobile, web ou desktop, é muito comum a comunicação e compartilhamento de dados entre sistemas diferentes ou dentro do mesmo sistema.

Em sistemas mais modernos o JSON é mais utilizado para comunicação do que o XML. Portanto para se trabalhar com aplicações mobile e web, entender JSON é muito importante.

Exemplo estrutural de um arquivo JSON:

{
	"nome": "José",
	"idade": 44,
	"site": "criandobits.com.br",

	"filhos": [{
		"nome": "Eduardo",
		"idade": 23
	}]
}

Os atributos precisam ser delimitados com aspas duplas, bem como strings. Foi criado o objeto “filhos” dentro do arquivo JSON.

No exemplo abaixo o objeto “obj” foi criado e convertido para o formato JSON. Note que o conteúdo do JSON não mostra o resultado da função “soma” já que JSON é um formato de dados, nada é executado:

 const obj = { x: 2, y: 3, z: 6, soma() { return x + y + z  } }
 
 console.log(JSON.stringify(obj)) // retorna {"x":2,"y":3,"z":6}

O comando JSON.stringify converte o objeto para o formato de dados JSON.

Para converter do formato JSON para objeto utilizamos o comando parse:

 console.log(JSON.parse('{ "x": 3, "y": 5, "z": 9 }')) // retorna { x: 3, y: 5, z: 9 }
 
 console.log(JSON.parse('{ "x": 3, "y": 5, "z": "minha_string", "a": false, "b": {}, "c": [] }'))
 //retorna { x: 3, y: 5, z: 'minha_string', a: false, b: {}, c: [] }

No exemplo acima foram convertidos valores literais (3 e 5), string (minha_string), função ({}) e array ([]).

Para entender na prática o formato JSON e suas limitações, acesse o site https://jsonlint.com/.

Operadores em Java Script

Dúvidas ou sugestões? Deixem nos comentários! Para mais dicas, acesse o nosso canal no YouTube:
https://youtube.com/criandobits

Tags: javascript | json | objetos