Cómo usar la matriz de objetos JSON en JavaScript

Cómo usar la matriz de objetos JSON en JavaScript
JavaScript Object Notation (JSON) es el formato bien conocido para el almacenamiento de datos y el intercambio entre clientes y servidores. JavaScript proporciona un entorno para realizar la manipulación con matrices a través de objetos JSON. De esta manera, los usuarios pueden modificar y mostrar la información que se almacena en la matriz. En este tutorial, aprenderá cómo usar la matriz para diferentes propósitos por un Json objeto.

Esta guía sirve al siguiente contenido:

  • Cómo usar la matriz de objetos JSON en JavaScript
  • Ejemplo 1: Crear una matriz de objetos JSON
  • Ejemplo 2: Acceder a la matriz de objetos JSON
  • Ejemplo 3: Agregue o elimine la matriz de objetos JSON

Cómo usar la matriz de objetos JSON en JavaScript?

El objeto JSON es básicamente un objeto basado en JavaScript. Estos objetos se pueden usar para acceder a las propiedades de una matriz. Después de acceder, los usuarios pueden agregar, eliminar o modificar las propiedades en la matriz existente. Además, el método Stringify () se emplea para convertir la cadena JSON en una matriz de objetos JSON. De esta manera, los métodos push () y pop () se utilizan para realizar la manipulación en la matriz.

Ejemplo 1: Creación de una matriz de objetos JSON en JavaScript

Se considera un ejemplo para crear una variedad de objetos JSON empleando JavaScript. Por ejemplo, el código se proporciona a continuación.

Código

Const profesor =
"Nombre": "Harry", "Asunto": "Inglés",
"Age": "35"
;
consola.log (maestro);

En este código, una matriz "maestro"Se crea definiendo propiedades como"Nombre","Sujeto", y "edad".

Después de eso, diferentes valores como "Harry","Inglés", y "35"Se asignan a las propiedades anteriores. Al final, muestre la matriz "maestro"Al emplear el consola.registro() método.

Producción

La salida muestra el "maestro"Matriz de objetos JSON en la ventana de la consola.

Ejemplo 2: Acceder a la matriz de objetos JSON en JavaScript

Se considera un ejemplo para acceder a las propiedades de los elementos de matriz en JavaScript.

Código

consola.log ("un ejemplo para usar la matriz por objeto json");
Const profesor =
"Nombre": "Harry", "Asunto": "Inglés",
"Age": "35"
;
const objarr = maestro =>
const arr = [];
Const Keys = Object.llaves (maestro);
para (dejar x = 0; x < keys.length; x++)
arrugado.push (maestro [teclas [x]]);
;
regresar arr;
;
consola.log (objarr (maestro));

La descripción del código:

  • Una matriz "maestro"Se inicializa definiendo"Nombre","Sujeto", y "edad" propiedades.
  • A estas propiedades se les asignan diferentes valores, como "Harry","Inglés", y "35".
  • Después de eso, un Json objeto "objarr"Se utiliza para acceder a las propiedades de los elementos y devolver una nueva matriz.
  • Dentro de "objarr", Se usa un bucle para que inserta los valores de la propiedad al emplear el empujar() método.
  • El bucle se ejecuta hasta que se ingresan todos los valores de la propiedad en el "arrugado"Array.
  • Al final, el Objarr (maestro) se utiliza para mostrar los valores de la propiedad.

Producción

La salida muestra diferentes valores, "Harry", "English" y "35" asignando propiedades en JavaScript.

Ejemplo 3: Agregue o elimine la matriz de objetos JSON en JavaScript

Un ejemplo se adapta para agregar y eliminar la matriz de elementos usando un objeto JSON en JavaScript.

Código

consola.log ("un ejemplo para usar la matriz por objeto json");
var arsrobj = ["fruta": "manzana", "fruta": "plátano"];
consola.registro (JSON.Stringify (Arrobj));
Arrobj.push ("fruta": "naranja");
consola.registro (JSON.Stringify (Arrobj));
Arrobj.estallido();
consola.registro (JSON.Stringify (Arrobj));

La descripción del código es la siguiente:

  • Una variedad de objetos JSON "Arrobj"Se inicializa con dos propiedades de la fruta.
  • Después de eso, el Json.Stringify () El método se utiliza para convertir el valor de JavaScript en cadenas JSON.
  • El Arrobj.empujar() El método inserta un elemento pasando el valor de "fruta":"Naranja"En la matriz.
  • Después de eso, el Arrobj.estallido() El método elimina el elemento ingresado recientemente de la matriz.
  • Al final, muestre la matriz de objetos JSON "Arrobj"Al emplear el consola.registro() método.

Producción

La salida muestra la ejecución del código anterior agregando y eliminando los elementos de la matriz "fruta":"Naranja"A través de los objetos JSON.

Conclusión

En este articulo, Objetos JSON se utilizan para acceder y modificar los elementos de una matriz en Javascript.
Para esto, se proporciona una descripción general con dos ejemplos prácticos. En el primer ejemplo, los objetos JSON accedieron a las propiedades de la matriz y las mostraron en la consola. En el segundo ejemplo, un método incorporado, Stringify (), se emplea para agregar y eliminar propiedades en la matriz. Según este artículo, los usuarios pueden agregar, eliminar o modificar las propiedades de una matriz utilizando objetos JSON.