- Cómo crear una función de mapa para objetos en JavaScript
- Crear una función de mapa y mostrar los atributos
- Crear una función de mapa y asignar valores a través de map.set() en JavaScript
- Método Object.entries() en JavaScript
¿Cómo crear una función de mapa para objetos en JavaScript?
JavaScript proporciona un método map() para objetos que funciona con un par clave-valor. Es valioso para realizar varias operaciones en objetos utilizando valores clave. Funciona de manera similar a un método array.map() al iterar elementos de un objeto. Al considerar la función de mapa para objetos, la sintaxis se escribe de la siguiente manera.
Sintaxis
mapa ( función ( elemento, índice )
En esta sintaxis, el función itera sobre el elemento a través de índice valor.
Nota : Los mapa() El método no crea un nuevo objeto sino que modifica el objeto existente a través de los valores de índice.
Ejemplo 1: crear una función de mapa y mostrar los atributos
Se adapta un ejemplo para crear una función de mapa y asignar diferentes valores a los atributos. El método map() itera todos los atributos del objeto. Finalmente, muestre todos los atributos junto con sus valores en la ventana de la consola. El siguiente código se practica de la siguiente manera:
Código
consola. Iniciar sesión ( 'Crear una función de mapa para objetos' ) ;dejar Stud_Obj = {
'Math_Marks' : 80 ,
'Marcas_inglesas' : 77 ,
'Physics_Marks' : 90 } ;
Objeto . llaves ( Stud_Obj ) . mapa ( función ( valor clave ) {
} ) ;
consola. Iniciar sesión ( Stud_Obj ) ;
En este código:
- Se crea un objeto con el nombre “Estudiante_Obj” y tiene diferentes atributos, incluyendo “Math_Marks”, “English_Marks” y “Física_Marcas”.
- Estos atributos contienen diferentes “80, 77 y 90” valores asignados por los dos puntos.
- Después, Objeto.claves se utilizan para devolver los atributos de un objeto “Estudiante_Obj”.
- El mapa() La función llama a todos los atributos presentes en el objeto a través de pares clave-valor.
- Al final, el consola.log() se emplea el método para mostrar el objeto “Estudiante_Obj” en la ventana de la consola.
Producción
La salida devuelve todos los atributos. “Math_Marks”, “English_Marks” y “Physics_Marks” con sus valores asignados en la ventana de la consola.
Ejemplo 2: crear una función de mapa y asignar valores
Se utiliza un ejemplo para crear un nuevo objeto de mapa utilizando el nuevo palabra clave. Después de eso, el mapa.set() Se utilizan métodos para asignar atributos en el código JavaScript.
Código
consola. Iniciar sesión ( 'Crear una función de mapa para objetos' ) ;dejar mapa = nuevo Mapa ( ) ;
mapa. establecer ( 'Harry_id' , 04 ) ;
mapa. establecer ( 'Peter_id' , 08 ) ;
mapa. establecer ( 'Juan_id' , 07 ) ;
dejar obj_ids = Formación . de ( mapa ) . reducir ( ( obj_ids, [ valor clave ] ) => (
Objeto . asignar ( obj_ids, { [ llave ] : valor } )
) , { } ) ;
consola. Iniciar sesión ( obj_ids ) ;
La explicación del código es la siguiente:
- A mapa El objeto se crea con un nuevo palabra clave que itera sobre los atributos del objeto.
- Después de eso, el mapa.set() se utiliza asignando los atributos 'Harry_id' , 'Peter_id' y “Juan_id”.
- Estos atributos tienen valores únicos que incluyen “04”, “08”, y “07” respectivamente.
- Además, el matriz.desde() método devuelve la matriz de la mapa objeto.
- Después de eso, el reducir() método vuelve a llamar al obj_ids y extrae todos los atributos con valores .
- los Objeto.assign() El método establece el valor específico para cada atributo a través de llaves .
- Finalmente, el consola.log() método presenta todos los atributos del objeto al pasar 'obj_ids' .
Producción
Ejemplo 3: Método Object.entries() en JavaScript
JavaScript proporciona la Objeto.entradas() método y devuelve todos los atributos del objeto en función de valor clave pares Al considerar el Objeto.entradas() método, el código se escribe de la siguiente manera.
Código
consola. Iniciar sesión ( 'Crear una función de mapa para objetos' ) ;constante sports_obj = {
primero : 'Grillo' ,
segundo : 'Fútbol' ,
tercera : 'Hockey' ,
}
constante metro = nuevoMapa ( Objeto . entradas ( sports_obj ) ) ;
consola. Iniciar sesión ( metro ) ;
La descripción del código es la siguiente:
- En primer lugar, un objeto “deportes_obj” se crea con diferentes atributos 'primer segundo' y 'tercera'.
- Estos atributos tienen diferentes valores como “Críquet”, “Fútbol” y 'Hockey'.
- Después de eso, el Objeto.entradas() método acepta un objeto “deportes_obj” y devuelve todos los atributos y los almacena en la variable 'metro'.
- Finalmente, el consola.log() El método se emplea para presentar la lista de atributos de los objetos en la ventana de la consola.
Producción
La salida muestra el número de atributos como '3' y muestra todos los atributos con valores en la ventana de la consola.
Conclusión
JavaScript proporciona una mapa() método para crear una función de mapa para interactuar con las propiedades de los objetos. Itera sobre todos los atributos de los objetos utilizando valores clave. además, el mapa.set() Los métodos se utilizan para asignar los atributos de los objetos. Además, el Objeto.entradas() El método devuelve todos los atributos del objeto después de crear una función de mapa en JavaScript. Este artículo demuestra la creación de una función de mapa para objetos y muestra todos los atributos de los objetos en la ventana de la consola.