- Usando o método Object.assign() para anexar valores ao objeto em JavaScript
- Usando o método push() para anexar valores ao objeto em JavaScript
- Usando o operador spread (…) para anexar valores ao objeto em JavaScript
Método 1: Usando o método Object.assign() para acrescentar valores ao objeto em JavaScript
o Object.assign() O método é famoso por anexar valores a objetos. São necessários dois argumentos. O primeiro representa o objeto de destino e o segundo argumento recebe os pares chave/valor. A sintaxe de Object.assign() método é fornecido abaixo:
Sintaxe
Objeto . atribuir ( alvo, fonte ) ;
Os parâmetros são descritos aqui:
- alvo : especifica o objeto ao qual os valores serão anexados.
- fonte : refere-se ao valor que está sendo anexado.
Vamos entender o funcionamento deste método através do seguinte código de exemplo:
Código
console. registro ( 'Um exemplo para usar o método assign()' ) ;
deixe user_obj = {
1 : { nome : 'Adão' } ,
dois : { nome : 'Atormentar' } ,
} ;
deixe obj = Objeto . atribuir ( user_obj, { 3 : { nome : 'Jasam' } } ) ;
console. registro ( obj ) ;
Neste código:
- Primeiramente, 'Adão' e 'Atormentar' são atribuídos como valores ao 'nome' propriedade.
- o Object.assign() método é utilizado para anexar um 'Jasam' valor para o “user_obj” objeto.
- finalmente, o console.log() é empregado para apresentar todos os valores na janela do console.
Resultado
Observa-se a partir da saída que o novo valor é adicionado com sucesso ao objeto.
Método 2: Usando o método push() para anexar valores a um objeto de matriz em JavaScript
o Empurre() pode ser usado para adicionar ou inserir um ou vários valores em uma matriz. Este método retorna uma nova matriz após anexar valores. Vamos ver se funciona através da seguinte sintaxe:
Sintaxe
arr. Empurre ( valor1, valor2, ..., valorN )Nesta sintaxe, “valor1”, “valor2” e 'valor N' são os valores a serem anexados ao “ arr ' variável.
Código
console. registro ( 'Um exemplo para usar o método assign()' ) ;const Esportes = [ 'Grilo' , 'hóquei' , 'futebol' ] ;
const contador = Esportes. Empurre ( 'basquetebol' ) ;
console. registro ( contador ) ;
console. registro ( Esportes ) ;
A descrição do código é fornecida aqui:
- Uma matriz chamada 'Esportes' é criado que compreende três elementos, ou seja, “críquete”, “hóquei” e 'futebol' .
- Depois disso, o valor 'basquetebol' é anexado ao uso do esportes.push() método em JavaScript.
- No final, o console.log() método exibe a matriz na janela do console .
Resultado
A saída mostra que o 'basquetebol' valor é anexado ao Esportes objeto, utilizando o Empurre() método.
Método 3: Usando o Operador Spread (…) para Acrescentar Valores ao Objeto em JavaScript
O operador spread (…) é empregado para anexar valores a objetos em JavaScript. É útil mesclar objetos em um só lugar. A sintaxe do operador spread é fornecida abaixo:
Sintaxe
{ ... obj , chave : 'valor' }Nesta sintaxe, 'valor' é atribuído ao chave no objeto obj .
O código de exemplo do operador spread para anexar valores a um objeto é fornecido abaixo:
Código
console. registro ( 'Um exemplo para usar o operador spread' ) ;deixe obj1 = { nome : 'Atormentar' } ;
obj2 = { ... obj1 , cor : 'branco' } ;
console. registro ( obj2 ) ;
Neste código:
- Um 'obj1 ” é utilizado para armazenar o elemento nome atribuindo o valor 'Atormentar' .
- Depois disso, o 'branco' valor anexa a 'obj1' .
- No final, o console.log() O método exibe os valores anexados na janela do console.
Resultado
A saída mostra o novo objeto “ obj2 ” que contém o valor do objeto “ obj1 ” bem como o valor anexado “ branco ”.
Conclusão
JavaScript fornece dois métodos, ou seja, Object.assign() e Empurre() para anexar valores a um objeto.
o Object.assign() método anexando valores a objetos por pares chave/valor. o Empurre() O método adiciona um ou vários valores em uma matriz. No entanto, o espalhar (…) operador também pode ser usado para acrescentar valores a um objeto. Este post demonstrou todas as possibilidades de anexar valores a um objeto em JavaScript.