Como pegar tamanho de JSON com JavaScript

Neste artigo você vai aprender a como pegar tamanho de JSON com JavaScript, você verá como é fácil fazer isso!

Fala programador(a), beleza? Bora aprender mais sobre JSON e JavaScript!

JSON (JavaScript Object Notation) é um formato de dados que permite a troca de informações entre sistemas de maneira simples e eficiente.

Ele é amplamente utilizado para armazenar e transferir dados em aplicativos web e móveis.

Às vezes, pode ser necessário saber o tamanho de um objeto JSON, o que pode ser feito com facilidade usando JavaScript.

Existem duas maneiras principais de pegar o tamanho de um objeto JSON com JavaScript: usando o método JSON.stringify e medindo o tamanho da string resultante, ou usando a propriedade .length do objeto.

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Método 1: Usando JSON.stringify

O método JSON.stringify pode ser usado para convertir um objeto JSON em uma string.

Uma vez convertido, você pode medir o tamanho da string usando a propriedade .length:

let obj = {name: "John", age: 30, city: "New York"};
let json = JSON.stringify(obj);
let jsonSize = json.length;
console.log("Tamanho do JSON: " + jsonSize + " bytes");

Método 2: Usando a propriedade .length

Você também pode pegar o tamanho de um objeto JSON diretamente usando a propriedade .length.

No entanto, é importante lembrar que o tamanho retornado será em número de propriedades e não em bytes:

let obj = {name: "John", age: 30, city: "New York"};
let objSize = Object.keys(obj).length;
console.log("Tamanho do objeto JSON: " + objSize + " propriedades");

Em resumo, pegar o tamanho de um objeto JSON com JavaScript é uma tarefa simples e pode ser feito usando o método JSON.stringify ou a propriedade .length.

Escolha o método que melhor atenda às suas necessidades e comece a trabalhar com JSON de maneira eficiente em seus projetos.

Quer aprender mais sobre React? Confira o vídeo abaixo:

Conclusão

O formato JSON é amplamente utilizado para armazenar e transferir dados em aplicativos web e móveis, e JavaScript é uma ferramenta poderosa para trabalhar com esse formato.

Neste artigo, apresentamos duas maneiras de pegar o tamanho de um objeto JSON com JavaScript: usando o método JSON.stringify e medindo o tamanho da string resultante, ou usando a propriedade .length do objeto.

Ambos os métodos são fáceis de implementar e permitem obter informações valiosas sobre o tamanho dos seus dados.

Ao trabalhar com JSON, você pode aproveitar a potência do JavaScript para resolver problemas complexos e alcançar soluções inovadoras.

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Adicionar uma seção ‘Como pegar o tamanho real em bytes (UTF-8)’ explicando o PORQUÊ: json.length conta caracteres (unidades de código), não bytes de verdade, e caractere acentuado ou emoji ocupa mais de um byte em UTF-8. Mostrar a forma correta com TextEncoder:

let obj = {nome: "João", cidade: "São Paulo"}; let json = JSON.stringify(obj); let bytes = new TextEncoder().encode(json).length; console.log("Tamanho real: " + bytes + " bytes");

Fechar avisando que pra texto só com caracteres ASCII o .length bate com os bytes, mas com acento a conta muda

Adicionar exemplo de quando o JSON é um array (lista) e não um objeto, mostrando que aí o .length já conta os itens direto:

let lista = [{id: 1}, {id: 2}, {id: 3}]; console.log("Itens: " + lista.length);

E explicar a diferença: em array o .length vem de graça, em objeto tu precisa do Object.keys()

Adicionar uma parada pra definir o caso: quando o objeto tem outros objetos dentro, o Object.keys().length conta só as chaves do primeiro nível, não as de dentro. Mostrar com um exemplo simples de objeto com um objeto interno e comentar que pra contar tudo precisa percorrer os níveis. Manter curto e honesto sobre a limitação

Adicionar 2 ou 3 perguntas curtas com resposta objetiva, cada uma funcionando sozinha como snippet: ‘Qual a diferença entre tamanho em bytes e número de propriedades?’ (bytes = peso do dado como texto; propriedades = quantas chaves o objeto tem, coisas diferentes), ‘Object.keys().length conta as chaves de dentro dos objetos aninhados?’ (não, só o primeiro nível) e ‘json.length é o tamanho em bytes?’ (é o número de caracteres; com acento ou emoji não é o mesmo que bytes, use TextEncoder)