Este guia apresenta o seguinte conteúdo:
- Como usar array de objetos JSON em JavaScript
- Exemplo 1: criando uma matriz de objetos JSON
- Exemplo 2: acessando a matriz de objetos JSON
- Exemplo 3: adicionar ou excluir a matriz de objetos JSON
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.