JSON Array Literais | Explicado

Uma lista de expressões que representam elementos de matriz especificados em um par de colchetes é chamado de JSON Array Literal. Quando você cria uma matriz utilizando uma matriz JSON literal, os valores da matriz JSON são adicionados como elementos da matriz, e seu comprimento é definido de acordo com o número de argumentos passados.

Este artigo explicará o JSON Array Literartal e seu uso com a ajuda de exemplos apropriados. Então vamos começar!

O que é JSON Array literal?

Uma matriz dentro de uma corda json é conhecida como uma matriz literal. É o mesmo que as matrizes em JavaScript, mas só pode conter números, cordas, booleanos, matrizes, objetos e valores nulos, exceto funções, expressões, datas e indefinidas como matrizes.

Uma corda JSON:

JSonstring = '["Apple", "Mango", "Orange"]';

Uma matriz literal em json string:

MyArray = ["Apple", "Mango", "Orange"];

Criando uma string json a partir de uma matriz

JavaScript permite que você crie uma string json a partir de uma matriz. Para esse fim, você deve declarar uma matriz JavaScript e depois rigificar a matriz para criar uma string json.

Exemplo: como criar uma string json a partir de uma matriz
No exemplo abaixo, criamos uma matriz chamada “Myarray"Tendo três valores de string"Maçã","manga", e "Laranja”:

const myarray = ["maçã", "manga", "laranja"];
console.log (myarray);

Você pode utilizar qualquer sandbox de codificação on -line ou seu editor de código favorito para executar o programa JavaScript fornecido; No entanto, usaremos o código do Visual Studio:

Depois de adicionar o código em nosso “índice.html", Vamos executá -lo com o"Servidor fígadoExtensão de código vs:

A saída mostra os elementos do nosso JavaScript “Myarray”:

Agora, para converter a matriz em JSON String, JSON.O método stringify () será usado como mostrado no snippet de código fornecido abaixo:

Deixe Arrayliteral = JSON.stringify (MyArray);

Vamos mostrar o "Arrayliteral" no console junto com seu tipo de variável usando o tipo de() método para verificar se a matriz é convertida em formato de string ou não.

console.log (Arrayliteral);
console.log (typeof (Arrayliteral));

O trecho completo do código seria assim:

const myarray = ["maçã", "manga", "laranja"];
console.log (myarray);
console.log (typeof (myarray));
Deixe Arrayliteral = JSON.stringify (MyArray);
console.log (Arrayliteral);
console.log (typeof (Arrayliteral));

A saída do trecho de código acima no console será:

A saída verifica se a matriz é atingida com sucesso.

Observação: O tipo de matriz variável é "objeto" em JavaScript. Para mais detalhes, leia a seção de Artigo dedicado sobre matrizes.

Criando uma matriz analisando a corda JSON

Outro método para criar uma matriz JavaScript é analisar uma corda JSON e armazenar seu resultado. Nesse caso, você deve utilizar o “JSON.Parse ()”Método para analisar a string json adicionada no tipo de dados necessário.

Exemplo: como criar uma matriz analisando a string json
Primeiro de tudo, definiremos um “Myjson”String com os três valores a seguir:

const myjson = '["gato", "coelho", "pigeon"]';

Na próxima etapa, analisaremos o “Myjson”String, invocando o“JSON.Parse ()”Método. Os valores retornados pelo método especificado serão armazenados em “Myarray”:

Execute o programa acima e confira sua saída:

Depois de analisar a sequência JSON em uma matriz, você também pode acessar um elemento de matriz usando seu índice. Por exemplo, se queremos obter o primeiro elemento de “Myarray“Então, adicionaremos a seguinte linha em nosso programa JavaScript:

console.log (myarray [1]);

A saída será exibida “Coelho”Como é o elemento presente no primeiro índice de“Myarray”:

Looping pela JSON Array literal

Se você deseja percorrer os valores do JSON Array Literartal, a primeira coisa que você precisa fazer é converter a string json em uma matriz e usar “para… in" ou "para”Javascript Loops para a iteração.

Exemplo: como fazer loop através da matriz JSON Literal usando para… em loop
Neste exemplo, utilizaremos o “para… in”Loop para loop através da matriz JSON adicionada literal. Mas antes, que iremos analisar nosso “MyjsonString em “myobj”Com a ajuda do“JSON.Parse ()”Método:

const myjson = '"name": "Alex", "Age": 25, "Hobbies": ["pintura", "jardinagem", "jogos"]';
const myobj = json.Parse (Myjson);

Em seguida, declararemos uma corda vazia “informações”. Depois de fazer isso, iremos percorrer o parse JSON Array literal, adicionando um “para… in" laço. O resultado de cada iteração será anexado a “informações”:

deixe info = "";
para (deixe eu em myobj.hobbies)
info += myobj.hobbies [i] + ",";

console.log (info);

Exemplo: Looping através do JSON Array Literal Usando para Loop
No caso de usar “para”Loop, você deve adicionar o seguinte código em seu“índice.html" arquivo:

para (vamos i = 0; i < myObj.hobbies.length; i++)
info += myobj.hobbies [i] + ",";

console.log (info);

A saída acima mencionada significa que lidamos com sucesso pela JSON Array literal com o “para" laço.

Conclusão

Cada string json tem uma matriz json literal que compreende alguns valores. Os valores adicionados no literal de string json podem ser numéricos, string, boolean ou nulo. Os valores literais da matriz JSON devem ser fechados entre colchetes [] e separados com uma vírgula. Este artigo explicou os literais da JSON e seu uso em detalhes com a ajuda de exemplos adequados.