JSON Array Literals | Explicado

Una lista de expresiones que representan elementos de matriz especificados en un par de soportes cuadrados se llama JSON Array Literal. Cuando crea una matriz utilizando una matriz JSON literal, los valores de la matriz JSON literal se agregan como elementos de matriz, y su longitud se establece de acuerdo con el número de argumentos aprobados.

Este artículo explicará JSON Matray Literal y su uso con la ayuda de ejemplos apropiados. Entonces, comencemos!

¿Qué es literal de la matriz json??

Una matriz dentro de una cadena JSON se conoce como una matriz literal. Es lo mismo que las matrices en JavaScript, sin embargo, solo puede contener números, cadenas, booleanos, matrices, objetos y valores nulos, excepto funciones, expresiones, fechas y indefinidos como matrices como matrices.

Una cadena JSON:

jsonstring = '["manzana", "mango", "naranja"]';

Una matriz literal en la cadena JSON:

myArray = ["manzana", "mango", "naranja"];

Creando una cadena JSON a partir de una matriz

JavaScript le permite crear una cadena JSON desde una matriz. Para este propósito, debe declarar una matriz de JavaScript y luego triturar la matriz para crear una cadena JSON.

Ejemplo: cómo crear una cadena JSON a partir de una matriz
En el ejemplo dado a continuación, crearemos una matriz llamada "MyArray"Tener tres valores de cadena"Manzana","mango", y "Naranja":

const myArray = ["manzana", "mango", "naranja"];
consola.log (myArray);

Puede utilizar cualquier sandbox de codificación en línea o su editor de código favorito para ejecutar el programa JavaScript proporcionado; Sin embargo, usaremos el código de Visual Studio:

Después de agregar el código en nuestro "índice.html", Lo ejecutaremos con el"Servidor hepático"VS Extensión del código:

La salida muestra los elementos de nuestro JavaScript "MyArray":

Ahora, para convertir la matriz en la cadena JSON, JSON.El método Stringify () se utilizará como se muestra en el fragmento de código que se proporciona a continuación:

Deje ArrayLiteral = JSON.Stringify (myArray);

Mostremos el "Arrayliteral" en la consola junto con su tipo de variable utilizando el tipo de() método para verificar si la matriz se convierte en formato de cadena o no.

consola.log (ArrayLiteral);
consola.log (typeof (arrayliteral));

El fragmento de código completo iría así:

const myArray = ["manzana", "mango", "naranja"];
consola.log (myArray);
consola.log (typeof (myArray));
Deje ArrayLiteral = JSON.Stringify (myArray);
consola.log (ArrayLiteral);
consola.log (typeof (arrayliteral));

La salida del fragmento de código anterior en la consola será:

La salida verifica que la matriz se tritura correctamente.

Nota: El tipo variable de matriz es "objeto" en JavaScript. Para más detalles, lea la sección de nuestro artículo dedicado sobre matrices.

Creando una matriz analizando la cadena JSON

Otro método para crear una matriz de JavaScript es analizar una cadena JSON y almacenar su resultado en ella. En este caso, debe utilizar el "Json.analizar gramaticalmente()Método para analizar la cadena JSON agregada en el tipo de datos requerido.

Ejemplo: cómo crear una matriz analizando la cadena JSON
En primer lugar, definiremos un "myjson"Cadena que tiene los siguientes tres valores:

const myjson = '["gato", "conejo", "paloma"]';

En el siguiente paso, analizaremos el "myjson"Cadena invocando el"Json.analizar gramaticalmente()" método. Los valores devueltos por el método especificado se almacenarán en "MyArray":

Ejecute el programa anterior y consulte su salida:

Después de analizar la cadena JSON en una matriz, también puede acceder a un elemento de matriz utilizando su índice. Por ejemplo, si queremos obtener el primer elemento de "MyArray“, Luego agregaremos la siguiente línea en nuestro programa JavaScript:

consola.log (myArray [1]);

La salida se mostrará "Conejo"Como es el elemento que está presente en el primer índice de"MyArray":

Recorriendo el literal de la matriz JSON

Si desea recorrer los valores de JSON Array Literal, entonces lo primero que debe hacer es convertir la cadena JSON en una matriz y usar "para ... en" o "para"JavaScript Loops para la iteración.

Ejemplo: Cómo recorrer el literal de la matriz JSON usando para ... en bucle
En este ejemplo, utilizaremos el "para ... en"Loop para recorrer la matriz JSON agregada literal. Pero antes, que analizaremos nuestro "myjson"Cadena en"myobj"Con la ayuda del"Json.analizar gramaticalmente()" método:

const myjson = '"name": "alex", "edad": 25, "pasatiempos": ["pintura", "jardinería", "juegos"]';
const myobj = json.Parse (myjson);

A continuación, declararemos una cadena vacía "información". Después de hacerlo, atravesaremos el literal de la matriz JSON de análisis agregando un "para ... en" bucle. El resultado de cada iteración se agregará a "información":

dejar info = "";
para (déjalo en myobj.aficiones)
info += myobj.pasatiempos [i] + ",";

consola.registro (información);

Ejemplo: recorrer el literal de la matriz JSON usando para bucle
En caso de usar "para"Loop, debe agregar el siguiente código en su"índice.html" archivo:

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

consola.registro (información);

La salida dada anteriormente significa que hemos recorrido con éxito el literal de la matriz JSON con el "para" bucle.

Conclusión

Cada cadena JSON tiene un literal de matriz JSON que comprende algunos valores. Los valores agregados en la cadena JSON literal pueden ser número, cadena, booleano o nulo. Los valores literal de la matriz JSON deben estar encerrados en soportes cuadrados [] y separados con una coma. Este artículo explicó los literales de matriz JSON y su uso en detalle con la ayuda de ejemplos adecuados.