Creación de la lista de objetos en JavaScript

Mientras mantenemos un registro en JavaScript, a menudo nos encontramos con situaciones en las que debemos incluir las entradas de múltiples tipos de datos. Por ejemplo, cuando queremos relacionar una característica con respecto a un atributo específico. En tal escenario, crear una lista de objetos en JavaScript se vuelve muy eficiente y flexible en la declaración.

Este blog ilustrará los métodos para crear la lista de objetos en JavaScript.

Cómo crear una lista de objetos en JavaScript?

Para crear una lista de objetos en JavaScript, se pueden utilizar los siguientes enfoques:

• "para" bucle
• "para cada()" método
• "mapa()" método

Los enfoques mencionados serán discutidos uno por uno!

Método 1: cree una lista de objetos en JavaScript usando para bucle

El "paraSe aplica el bucle para iterar a lo largo de todos los elementos especificando los números de inicio y finalización o índice. Esta técnica se puede utilizar para iterar a lo largo de la lista de objetos especificando la longitud de la matriz y mostrando los valores simultáneamente.

Mira el siguiente ejemplo.

Ejemplo

En el siguiente ejemplo, crearemos una lista de objetos llamados "lista de objetos"Tener los siguientes valores:

Deje ObjectList = [
Nombre: 'Harry', Id: 1, Ciudad: "Newyork",
Nombre: 'David', id: 2, ciudad: "Berlín",
Nombre: 'John', id: 3, Ciudad: "Londres"
];

Ahora, aplique el "para"Loop y el"longitudPropiedad para iterar a lo largo de los objetos de la lista e imprimir la lista de objetos en la consola:

para (deja i = 0; yo < objectList.length; i ++ )
consola.log (ObjectList [i]);

La salida correspondiente será:

Método 2: cree una lista de objetos en JavaScript usando el método foreach ()

El "para cada()"El método llama a una función para cada elemento de matriz. Este método se puede implementar para asignar los objetos creados a cada elemento de matriz y agregarlo a una lista recién creada.

El siguiente ejemplo explica el concepto declarado.

Ejemplo

Primero, cree una matriz llamada "lista de objetos"Con los siguientes elementos:

var ObjectList = ["Linux Sugerencia", "Google"];

A continuación, aplique el "para cada()Método "a la matriz creada para llamar a la función especificada para cada elemento de matriz. Aquí, "entrada"En el argumento de la función se refiere a los valores de la matriz. Después de eso, una lista vacía llamada "newobjSe declarará agregar a la lista de objetos. Ahora, dos propiedades de objetos nombradas "tipo" y "valor"Se creará en cada iteración; el tipo se asigna como "Sitio web", Y el valor se refiere a"entrada"(Valores de matriz). Por lo tanto, se agregará una nueva lista (newobj) con los objetos y se mostrará:

lista de objetos.foreach (función (entrada)
var newobj = ;
newobj ['type'] = 'sitio web';
newobj ['valor'] = entrada;
consola.Log (Newobj)
);

Producción

Método 3: Cree una lista de objetos en JavaScript usando el método MAP ()

El "mapa()"El método llama a una función una vez para cada elemento de matriz. Este método se puede implementar para asignar los objetos específicos a los elementos de matriz y agregarlos a una lista recién creada.

Mira el siguiente ejemplo.

Ejemplo

En primer lugar, cree una matriz llamada "lista de objetos"Como se discutió en el método anterior:

var objectList = ["javaScript", "java", "python"];

A continuación, aplique el "mapa()"Método para mapear la función en la matriz. Además, cree una lista nula llamada "newobj”Y crear dos propiedades de objetos en cada iteración, como se discutió en el método anterior. Finalmente, registre la lista de objetos en la consola:

lista de objetos.map (función (entrada)
var newobj = ;
newobj ['type'] = 'idioma';
newobj ['valor'] = entrada;
consola.Log (Newobj)
);

Producción

Hemos discutido todos los métodos creativos para crear una lista de objetos en JavaScript.

Conclusión

Para crear una lista de objetos en JavaScript, utilice el "para"Método de bucle para iterar a lo largo de los objetos de la lista con la ayuda de la propiedad de longitud, el" "para cada()"Método para relacionar los objetos recién creados con los valores de la matriz y agregarlo a una nueva lista, o el"mapa()Método para asignar la función en la matriz creada para acceder a los elementos de la matriz, fusionarlos con los objetos creados y agregarlos en la lista de objetos. Este blog demostró los métodos para crear una lista de objeto en JavaScript.