Como usar array de objetos JSON em JavaScript

Como Usar Array De Objetos Json Em Javascript



JavaScript Object Notation (JSON) é o formato conhecido para armazenamento de dados, bem como troca entre clientes e servidores. JavaScript fornece um ambiente para realizar manipulação com arrays por meio de objetos JSON. Dessa forma, os usuários podem modificar e exibir as informações armazenadas no array. Neste tutorial, você aprenderá como usar o array para diferentes propósitos por um JSON objeto.

Este guia apresenta o seguinte conteúdo:

Como usar a matriz de objetos JSON em JavaScript?

O objeto JSON é basicamente um objeto baseado em JavaScript. Esses objetos podem ser usados ​​para acessar as propriedades de uma matriz. Após o acesso, os usuários podem adicionar, excluir ou modificar as propriedades do array existente. Além disso, o método stringify() é empregado para converter a string JSON em uma matriz de objetos JSON. Desta forma, os métodos push() e pop() são utilizados para realizar a manipulação no array.







Exemplo 1: criando uma matriz de objetos JSON em JavaScript

Um exemplo é considerado para criar uma matriz de objetos JSON empregando JavaScript. Por exemplo, o código é fornecido abaixo.



Código



const professora = {
'Nome' : 'Atormentar' , 'Sujeito' : 'Inglês' ,
'era' : '35'
} ;
console. registro ( professora ) ;

Neste código, um array “ professora ” é criado definindo propriedades como “ Nome ”, “ Sujeito ', e ' era ”.





Depois disso, valores diferentes como “ atormentar ”, “ Inglês ', e ' 35 ” são atribuídos às propriedades acima. No final, exiba o array “ professora ” empregando o console.log() método.

Resultado



A saída mostra o “ professora ” de objetos JSON na janela do console.

Exemplo 2: acessando a matriz de objetos JSON em JavaScript

Um exemplo é considerado para acessar as propriedades de elementos de array em JavaScript.

Código

console. registro ( 'Um exemplo para usar matriz por objeto JSON' ) ;
const professora = {
'Nome' : 'Atormentar' , 'Sujeito' : 'Inglês' ,
'era' : '35'
} ;
const objArr = professora => {
const arr = [ ] ;
const chaves = Objeto . chaves ( professora ) ;
por ( deixe x = 0 ; x < chaves. comprimento ; x ++ ) {
arr. Empurre ( professora [ chaves [ x ] ] ) ;
} ;
Retorna arr ;
} ;
console. registro ( objArr ( professora ) ) ;

A descrição do código:

  • Uma matriz ' professora ” é inicializado definindo “ Nome ”, “ Sujeito ', e ' era ” propriedades.
  • Essas propriedades recebem valores diferentes, como “ atormentar ”, “ Inglês ', e ' 35 ”.
  • Depois disso, um JSON objeto “ objArr ” é utilizado para acessar as propriedades dos elementos e retornar um novo array.
  • Dentro de ' objArr ”, é usado um loop for que insere os valores da propriedade empregando o Empurre() método.
  • O loop é executado até que todos os valores da propriedade sejam inseridos no “ arr ' variedade.
  • No final, o objArr(professor) é utilizado para exibir os valores da propriedade.

Resultado

A saída mostra valores diferentes, “Harry”, “English” e “35”, atribuindo propriedades em JavaScript.

Exemplo 3: adicionar ou excluir a matriz de objetos JSON em JavaScript

Um exemplo é adaptado para adicionar e excluir o array de elementos usando um objeto JSON em JavaScript.

Código

console. registro ( 'Um exemplo para usar array por objeto JSON' ) ;
foi arrObj = [ { 'fruta' : 'Maçã' } , { 'fruta' : 'Banana' } ] ;
console. registro ( JSON. encadear ( arrObj ) ) ;
arrObj. Empurre ( { 'fruta' : 'Laranja' } ) ;
console. registro ( JSON. encadear ( arrObj ) ) ;
arrObj. estourar ( ) ;
console. registro ( JSON. encadear ( arrObj ) ) ;

A descrição do código é a seguinte:

  • Uma matriz de objetos JSON “ arrObj ” é inicializado com duas propriedades de fruta.
  • Depois disso, o JSON.stringify() é usado para converter o valor JavaScript em strings JSON.
  • o arroObj.push() O método insere um elemento passando o valor de “ fruta ”: “ Laranja ” na matriz.
  • Depois disso, o arroObj.pop() O método remove o elemento inserido recentemente da matriz.
  • No final, exiba o array de objetos JSON “ arrObj ” empregando o console.log() método.

Resultado

A saída mostra a execução do código acima adicionando e removendo os elementos do array “ fruta ”: “ Laranja ” por meio dos objetos JSON.

Conclusão

Neste artigo, Objetos JSON são utilizados para acessar e modificar os elementos de uma matriz em JavaScript.
Para isso, é fornecida uma visão geral com dois exemplos práticos. No primeiro exemplo, os objetos JSON acessaram as propriedades da matriz e as exibiram no console. No segundo exemplo, um método embutido, stringify() , é empregado para adicionar e excluir propriedades na matriz. Com base neste artigo, os usuários podem adicionar, excluir ou modificar as propriedades de uma matriz usando objetos JSON.