Como exibir JSON de forma bonita e legível com indentação em JavaScript?
Olá a todos! Comecei a estudar JavaScript recentemente e me deparei com um problema. Recebo dados de uma API no formato JSON, mas quando tento exibi-los no console ou na página, tudo aparece em uma única linha longa, sem espaços ou quebras de linha. Isso é muito inconveniente para depuração e análise de dados.
Por exemplo, tenho este objeto:
```javascript
const user = {
name: "Иван",
age: 30,
address: {
city: "Москва",
street: "Ленина",
house: 10
},
hobbies: ["программирование", "чтение", "спорт"]
};
```
Quando uso `console.log(user)`, o navegador o exibe em forma de árvore, o que ainda é aceitável. Mas se tento enviar este objeto via `JSON.stringify()` e mostrá-lo na página como texto, obtenho:
```text
{"name":"Иван","age":30,"address":{"city":"Москва","street":"Ленина","house":10},"hobbies":["программирование","чтение","спорт"]}
```
Completamente ilegível! Especialmente quando há muitos dados. Sei que existe alguma forma de fazer uma formatação bonita.