Criando lista de objetos em JavaScript

Ao manter um registro em JavaScript, geralmente encontramos situações em que precisamos incluir as entradas de vários tipos de dados. Por exemplo, quando queremos relacionar algum recurso em relação a um atributo específico. Nesse cenário, a criação de uma lista de objetos em JavaScript se torna muito eficiente e flexível na declaração.

Este blog ilustrará os métodos para criar a lista de objetos em JavaScript.

Como criar uma lista de objetos em JavaScript?

Para criar uma lista de objetos em JavaScript, as seguintes abordagens podem ser utilizadas:

• ““para" laço
• ““para cada()”Método
• ““mapa()”Método

As abordagens mencionadas serão discutidas uma por uma!

Método 1: Crie uma lista de objetos em JavaScript usando o loop

O "para”O loop é aplicado para iterar ao longo de todos os itens, especificando os números de início e final ou índice. Essa técnica pode ser utilizada para iterar ao longo da lista de objetos, especificando o comprimento da matriz e exibindo os valores simultaneamente.

Veja o exemplo a seguir.

Exemplo

No exemplo a seguir, criaremos uma lista de objetos chamados “ObjectList”Tendo os seguintes valores:

Deixe ObjectList = [
Nome: 'Harry', id: 1, cidade: "newyork",
Nome: 'David', id: 2, cidade: "Berlin",
Nome: 'John', id: 3, cidade: "Londres"
];

Agora, aplique o “para”Loop e o“comprimento”Propriedade para iterar ao longo dos objetos da lista e imprimir a lista de objetos no console:

para (vamos i = 0; i < objectList.length; i ++ )
console.log (objectList [i]);

A saída correspondente será:

Método 2: Crie uma lista de objetos em JavaScript usando o método foreach ()

O "para cada()”O método chama uma função para cada elemento da matriz. Este método pode ser implementado para atribuir os objetos criados a cada item da matriz e anexá -lo a uma lista recém -criada.

O exemplo a seguir explica o conceito declarado.

Exemplo

Primeiro, crie uma matriz chamada “ObjectList”Com os seguintes itens:

var objectList = ["Linux Dint", "Google"];

Em seguida, aplique o “para cada()”Método para a matriz criada para chamar a função especificada para cada elemento da matriz. Aqui, "entrada”No argumento da função, refere -se aos valores da matriz. Depois disso, uma lista vazia chamada “newobj”Será declarado ser anexado à lista de objetos. Agora, duas propriedades do objeto chamadas “tipo" e "valor”Será criado em cada iteração; O tipo é atribuído como “Local na rede Internet”, E o valor refere -se a“entrada”(Valores da matriz). Portanto, uma nova lista (newobj) será anexada aos objetos e exibida:

ObjectList.foreach (função (entrada)
var newobj = ;
newobj ['type'] = 'site';
newobj ['valor'] = entrada;
console.log (newobj)
);

Saída

Método 3: Crie uma lista de objetos em JavaScript usando o método map ()

O "mapa()”O método chama uma função uma vez para cada elemento da matriz. Este método pode ser implementado para mapear os objetos específicos para matar elementos e anexá -los a uma lista recém -criada.

Veja o exemplo a seguir.

Exemplo

Em primeiro lugar, crie uma matriz chamada “ObjectList”Conforme discutido no método anterior:

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

Em seguida, aplique o “mapa()”Método para mapear a função na matriz. Além disso, crie uma lista nula chamada “newobj”E crie duas propriedades de objeto em cada iteração, conforme discutido no método anterior. Por fim, registre a lista de objetos no console:

ObjectList.mapa (função (entrada)
var newobj = ;
newobj ['tipo'] = 'idioma';
newobj ['valor'] = entrada;
console.log (newobj)
);

Saída

Discutimos todos os métodos criativos para criar uma lista de objetos em JavaScript.

Conclusão

Para criar uma lista de objetos em JavaScript, utilize o “para”Método de loop para iterar ao longo da lista objetos com a ajuda da propriedade Length, o“para cada()”Método para relacionar os objetos recém -criados com os valores da matriz e anexá -los a uma nova lista, ou o“mapa()”Método para mapear a função na matriz criada para acessar os itens da matriz, mesclar os objetos criados e anexá -los na lista de objetos. Este blog demonstrou os métodos para criar a lista de um objeto em JavaScript.