Esta guía sirve el siguiente contenido:
- Cómo usar una matriz de objetos JSON en JavaScript
- Ejemplo 1: creación de una matriz de objetos JSON
- Ejemplo 2: Acceso a la matriz de objetos JSON
- Ejemplo 3: agregar o eliminar la matriz de objetos JSON
¿Cómo usar una matriz de objetos JSON en JavaScript?
El objeto JSON es básicamente un objeto basado en JavaScript. Estos objetos se pueden utilizar 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 forma, los métodos push() y pop() se utilizan para manipular la matriz.
Ejemplo 1: creación de una matriz de objetos JSON en JavaScript
Se considera un ejemplo para crear una matriz de objetos JSON empleando JavaScript. Por ejemplo, el código se proporciona a continuación.
Código
constante profesor = {
'Nombre' : 'Harry' , 'Tema' : 'Inglés' ,
'años' : '35'
} ;
consola. Iniciar sesión ( profesor ) ;
En este código, una matriz ' profesor ” se crea definiendo propiedades como “ Nombre ”, “ Tema ', y ' años ”.
Después de eso, diferentes valores como “ Harry ”, “ inglés ', y ' 35 ” se asignan a las propiedades anteriores. Al final, muestra la matriz ' profesor ” mediante el empleo de consola.log() método.
Producción
La salida muestra el ' profesor ” 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 la matriz en JavaScript.
Código
consola. Iniciar sesión ( 'Un ejemplo para usar Array by JSON Object' ) ;constante profesor = {
'Nombre' : 'Harry' , 'Tema' : 'Inglés' ,
'años' : '35'
} ;
constante objArr = profesor => {
constante Arr = [ ] ;
constante llaves = Objeto . llaves ( profesor ) ;
por ( vamos x = 0 ; X < llaves. longitud ; X ++ ) {
arreglo empujar ( profesor [ llaves [ X ] ] ) ;
} ;
devolver Arr ;
} ;
consola. Iniciar sesión ( objArr ( profesor ) ) ;
La descripción del código:
- Una matriz ' profesor ” se inicializa definiendo “ Nombre ”, “ Tema ', y ' años ' 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 for que inserta los valores de propiedad empleando el empujar() método.
- El ciclo se ejecuta hasta que todos los valores de propiedad se ingresan en el ' Arr matriz.
- Al final, el objArr(profesor) se utiliza para mostrar los valores de propiedad.
Producción
La salida muestra diferentes valores, 'Harry', 'Inglés' y '35' mediante la asignación de propiedades en JavaScript.
Ejemplo 3: agregue o elimine la matriz de objetos JSON en JavaScript
Se adapta un ejemplo para agregar y eliminar la matriz de elementos utilizando un objeto JSON en JavaScript.
Código
consola. Iniciar sesión ( 'Un ejemplo para usar Array by JSON Object' ) ;estaba arrObj = [ { 'Fruta' : 'Manzana' } , { 'Fruta' : 'Banana' } ] ;
consola. Iniciar sesión ( JSON. encadenar ( arrObj ) ) ;
arrObj. empujar ( { 'Fruta' : 'Naranja' } ) ;
consola. Iniciar sesión ( JSON. encadenar ( arrObj ) ) ;
arrObj. estallido ( ) ;
consola. Iniciar sesión ( JSON. encadenar ( arrObj ) ) ;
La descripción del código es la siguiente:
- Una matriz de objetos JSON “ arrObj ” se inicializa con dos propiedades de frutas.
- Después de eso, el JSON.stringify() El método se utiliza para convertir el valor de JavaScript en cadenas JSON.
- los arrObj.push() El método inserta un elemento pasando el valor de ' Fruta ”: “ Naranja ” en la matriz.
- Después de eso, el arrObj.pop() El método elimina el elemento ingresado recientemente de la matriz.
- Al final, muestre la matriz de objetos JSON ' arrObj ” mediante el empleo de consola.log() método.
Producción
El resultado muestra la ejecución del código anterior al agregar y eliminar 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 ello, 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 integrado, cadena() , 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 mediante objetos JSON.