- Como criar uma função de mapa para objetos em JavaScript
- Criar uma função de mapa e exibir os atributos
- Criando uma função de mapa e atribuindo valores via map.set() em JavaScript
- Método Object.entries() em JavaScript
Como criar uma função de mapa para objetos em JavaScript?
JavaScript fornece um método map() para objetos que funcionam com um par chave-valor. É valioso para executar várias operações em objetos utilizando valores de chave. Ele funciona de forma semelhante a um método array.map() iterando sobre os elementos de um objeto. Ao considerar a função map para objetos, a sintaxe é escrita da seguinte forma.
Sintaxe
mapa ( função ( elemento, índice )
Nesta sintaxe, o função itera sobre o elemento através de índice valor.
Observação : O mapa() O método não cria um novo objeto, mas modifica o objeto existente por meio dos valores de índice.
Exemplo 1: Criar uma função de mapa e exibir os atributos
Um exemplo é adaptado para criar uma função de mapa e atribuir diferentes valores aos atributos. O método map() itera todos os atributos do objeto. Por fim, exiba todos os atributos junto com seus valores na janela do console. O código a seguir é praticado da seguinte forma:
Código
console. registro ( 'Criar uma função de mapa para objetos' ) ;deixe Stud_Obj = {
'Math_Marks' : 80 ,
'English_Marks' : 77 ,
'Física_Marcas' : 90 } ;
Objeto . chaves ( Stud_Obj ) . mapa ( função ( valor chave ) {
} ) ;
console. registro ( Stud_Obj ) ;
Neste código:
- Um objeto é criado com o nome “Stud_Obj” e tem diferentes atributos, incluindo “Math_Marks”, “English_Marks” e “Física_Marcas”.
- Esses atributos contêm diferentes “80, 77 e 90” valores atribuídos pelos dois pontos.
- Depois disso, Object.keys são utilizados para retornar os atributos de um objeto “Stud_Obj”.
- O mapa() chamadas de função para todos os atributos presentes no objeto por meio de pares chave-valor.
- No final, o console.log() método é empregado para exibir o objeto “Stud_Obj” na janela do console.
Resultado
A saída retorna todos os atributos “Math_Marks”, “English_Marks” e “Física_Marcas” com seus valores atribuídos na janela do console.
Exemplo 2: criar uma função de mapa e atribuir valores
Um exemplo é usado para criar um novo objeto de mapa utilizando o novo palavra-chave. Depois disso, o map.set() métodos são utilizados para atribuir atributos no código JavaScript.
Código
console. registro ( 'Criar uma função de mapa para objetos' ) ;deixe mapear = novo Mapa ( ) ;
mapa. definir ( 'Harry_id' , 04 ) ;
mapa. definir ( 'Peter_id' , 08 ) ;
mapa. definir ( 'John_id' , 07 ) ;
deixe obj_ids = Variedade . a partir de ( mapa ) . reduzir ( ( obj_ids, [ valor chave ] ) => (
Objeto . atribuir ( obj_ids, { [ chave ] : valor } )
) , { } ) ;
console. registro ( obj_ids ) ;
A explicação do código é a seguinte:
- UMA mapa objeto é criado com um novo palavra-chave que itera sobre os atributos do objeto.
- Depois disso, o map.set() é utilizado atribuindo os atributos “Harry_id” , “Peter_id” e “John_id”.
- Esses atributos têm valores exclusivos, incluindo “04”, “08”, e “07” respectivamente.
- Além disso, o Matriz.de() método retorna a matriz do mapa objeto.
- Depois disso, o reduzir() método chama de volta o obj_ids e extrai todos os atributos com valores .
- o Object.assign() O método define o valor específico para cada atributo por meio de chaves .
- finalmente, o console.log() método apresenta todos os atributos do objeto passando “obj_ids” .
Resultado
Exemplo 3: Método Object.entries() em JavaScript
JavaScript fornece a Object.entries() e retorna todos os atributos do objeto com base em valor chave pares. Ao considerar o Object.entries() método, o código é escrito da seguinte forma.
Código
console. registro ( 'Criar uma função de mapa para objetos' ) ;const sports_obj = {
primeiro : 'Grilo' ,
segundo : 'Futebol' ,
terceiro : 'Hóquei' ,
}
const m = novoMapa ( Objeto . entradas ( sports_obj ) ) ;
console. registro ( m ) ;
A descrição do código é a seguinte:
- Em primeiro lugar, um objeto “esportes_obj” é criado contendo diferentes atributos 'primeiro segundo' e 'terceiro'.
- Esses atributos têm valores diferentes como “Críquete”, “Futebol” e 'Hóquei'.
- Depois disso, o Object.entries() método aceita um objeto “esportes_obj” e retorna todos os atributos e os armazena na variável “m”.
- finalmente, o console.log() O método é empregado para apresentar a lista de atributos de objetos na janela do console.
Resultado
A saída mostra o número de atributos como “3” e exibe todos os atributos com valores na janela do console.
Conclusão
JavaScript fornece um mapa() método para criar uma função de mapa para interagir com as propriedades dos objetos. Ele itera sobre todos os atributos de objetos utilizando valores-chave. Além disso, o map.set() métodos são utilizados para atribuir os atributos de objetos. Além disso, o Object.entries() O método retorna todos os atributos do objeto após criar uma função de mapa em JavaScript. Este artigo demonstra a criação de uma função de mapa para objetos e exibe todos os atributos dos objetos na janela do console.