Cómo crear una función de mapa para objetos en JavaScript

Cómo crear una función de mapa para objetos en JavaScript
Un objeto es el bloque de construcción para hacer interacción con funciones y propiedades en JavaScript. Es beneficioso para agregar valores específicos a los atributos de un objeto. Se hace realidad con el mapa() función, que es la funcionalidad incorporada de JavaScript. Se itera los atributos del objeto con los pares de valor clave. Este artículo demuestra la creación de funciones de mapa para objetos en JavaScript. El contenido es el siguiente.
  • 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 del mapa.set () en JavaScript
  • Objeto.Método de entradas () en JavaScript

Cómo crear una función de mapa para objetos en JavaScript?

JavaScript proporciona un método map () para objetos que funcionan con un par de valores clave. Es valioso para realizar varias operaciones en objetos utilizando valores clave. Funciona de manera similar a una matriz.Método map () iterando sobre 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, la función itera sobre el elemento a través de índice valor.

Nota: El mapa() El método no crea un nuevo objeto pero modifica el objeto existente a través de los valores de índice.

Ejemplo 1: crear una función de mapa y mostrar los atributos

Un ejemplo se adapta 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.log ("Crear una función de mapa para objetos");
Dejar stl Stud_obj =
"Math_marks": 80,
"English_marks": 77,
"Physics_marks": 90;
Objeto.Keys (Stud_obj).map (función (clave, valor)
);
consola.log (stud_obj);

En este código:

  • Se crea un objeto con el nombre "Stud_obj" y tiene diferentes atributos, incluido "Math_marks", "English_marks" y "Physics_marks".
  • Estos atributos contienen diferentes "80, 77 y 90" Valores asignados por el colon.
  • Después, Objeto.llaves se utilizan para devolver los atributos de un objeto "Stud_obj".
  • El mapa() La función requiere todos los atributos presentes en el objeto a través de pares de valores clave.
  • Al final, el consola.registro() Se emplea el método para mostrar el objeto "Stud_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.colocar() Los métodos se utilizan para asignar atributos en el código JavaScript.

Código

consola.log ("Crear una función de mapa para objetos");
Let Map = new Map ();
mapa.set ("harry_id", 04);
mapa.set ("Peter_id", 08);
mapa.set ("John_id", 07);
Dejar obj_ids = array.De (mapa).reducir ((obj_ids, [clave, valor]) => (
Objeto.asignar (obj_ids, [clave]: valor)
), );
consola.log (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.colocar() El método se utiliza asignando los atributos "Harry_id", "Peter_id" y "John_id".
  • Estos atributos tienen valores únicos que incluyen "04", "08", y "07" respectivamente.
  • Además, el Formación.de() El método devuelve la matriz desde el mapa objeto.
  • Después de eso, el reducir() El método devuelve la llamada al obj_ids y extrae todos los atributos con valores.
  • El Objeto.asignar() El método establece el valor específico en cada atributo a través de llaves.
  • Finalmente, el consola.registro() El método presenta todos los atributos del objeto al transmitir "Obj_ids".

Producción

Ejemplo 3: Objeto.Método de entradas () en JavaScript

JavaScript proporciona el Objeto.entradas () método y devuelve todos los atributos del objeto basado en valor clave pares. Considerando el Objeto.entradas () Método, el código se escribe de la siguiente manera.

Código

consola.log ("Crear una función de mapa para objetos");
const sports_obj =
Primero: 'Cricket',
Segundo: 'Fútbol',
Tercero: 'Hockey',

const m = newmap (objeto.entradas (Sports_obj));
consola.log (m);

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

  • En primer lugar, un objeto "Sports_obj" se crea que contiene diferentes atributos "primer segundo" y "tercero".
  • Estos atributos tienen valores diferentes como "Cricket", "Fútbol" y "Hockey".
  • Después de eso, el Objeto.entradas () El método acepta un objeto "Sports_obj" y devuelve todos los atributos y los almacena en la variable "metro".
  • Finalmente, el consola.registro() Se emplea el método para presentar la lista de atributos de 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 un 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.colocar() se utilizan métodos 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.