Criando lista de objetos em JavaScript
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.