Objeto JavaScript.Atribuir método | Explicado

O javascript ES6 apresentou o “Objeto.atribuir()”Método que permite que você cópia de propriedades de um único ou múltiplo “fonte”Objeta -se a um“alvo”Objeto. Este método executa o “pegar”Operação para buscar as propriedades do objeto de origem e“definir”Eles no objeto de destino especificado.

Este artigo discutirá o funcionamento do Objeto JavaScript.Atribuir () método. Então vamos começar!

Como usar o objeto JavaScript.Atribuir () método

O objeto JavaScript.Atribuir () O método é considerado útil para os seguintes casos:

• Para clone um objeto.
• Para mesclar vários objetos em um objeto.

Discutiremos as aplicações mencionadas do objeto.Atribuir () Método na próxima seção.

Como clonar um objeto usando o objeto JavaScript.Atribuir () método

O "Objeto.atribuir()”O método é usado para clonar o enumerável“valor chave“Par de um objeto de origem já criado no objeto de destino. É utilizado principalmente para executar o “RasoProcedimento de cópia.

Sintaxe do uso do objeto JavaScript.Atribuir () Método para clonar objeto

Objeto.atribuir (destino, fonte)

Aqui, "alvo”Representa o objeto JavaScript cujo par de valores-chave será clonado e“fonte”Indica o objeto em que o par copiado de valor-chave será colocado.

Exemplo: como clonar um objeto usando o objeto JavaScript.Atribuir () método

Primeiro de tudo, criaremos um “funcionário”Objeto, tendo os dois pares de valor-chave e um objeto vazio chamado“EMP1”:

const funcionário =
Nome: 'Alex',
Designação: 'Gerente'
;
Seja emp1 = ;

Então, vamos clonar o “funcionário”Propriedades do objeto para o“EMP1“Objeto usando JavaScript“Objeto.atribuir()”Método. Para fazer isso, especificaremos “EMP1" como "alvo“Objeto e“funcionário" como "fonte”Objeto:

Objeto.atribuir (emp1, funcionário);

Execução do “Objeto.atribuir()”O método retornará o objeto de destino que é“EMP1" no nosso caso:

Agora vamos modificar o valor do “funcionário.nome”Propriedade e verifique se as alterações adicionadas também refletem o clonado“EMP1“Objeto ou não:

funcionário.nome = 'Stepheny';
console.log ("Nome emp1:" + emp1.nome);
console.log ("funcionário.Nome: " + funcionário.nome);

Como você pode ver na saída abaixo do rumo que altera o “funcionário.nome”O valor da propriedade não modificou o“EMP1”Objeto. Isso ocorre porque o objeto de destino “EMP1"É desconectado do"funcionário“Objeto após clonar seus valores:

No entanto, quando um objeto referenciado interno é adicionado, o JavaScript “Objeto.atribuir()”Método irá cópia de isso é referência, não o objeto real. Nesse cenário, os objetos de origem e de destino se referem ao mesmo objeto referenciado interno, e as alterações feitas na propriedade do objeto de origem também afetarão o valor da propriedade do objeto de destino.

Por exemplo, no “funcionário“Objeto, vamos adicionar“endereço”Como um objeto referenciado interno que compreende um“cidade" Propriedade:

const funcionário =
endereço:
Cidade: 'Ancara'

;

Depois disso, clonaremos as propriedades do “funcionário“Objeto em“EMP1”:

Seja emp1 = ;
Objeto.atribuir (emp1, funcionário);

Saída

Neste ponto, "EMP1“Objeto refere -se ao endereço de memória do interior referenciado“endereço“Objeto do“funcionário”E pode acessar seu par de valores-chave:

console.log ("emp1.endereço.cidade: " + emp1.endereço.cidade);
console.log ("funcionário.endereço.cidade: " + funcionário.endereço.cidade);

A saída dada mostra que “Ancara”É definido como o valor do“endereço”Propriedade para ambos“funcionário" e "EMP1“Objetos:

Agora, se modificarmos o valor de “endereço.cidade" propriedade de "funcionário”O objeto então as alterações serão aplicadas ao copiado“EMP1“Objeto também:

funcionário.endereço.cidade = 'Istambul';
console.log ("emp1.endereço.cidade: " + emp1.endereço.cidade);
console.log ("funcionário.endereço.cidade: " + funcionário.endereço.cidade);

O chamado “console.registro()”O método exibirá“Istambul" como "endereço.cidade”Valor da propriedade para ambos“funcionário" e "EMP1“Objetos:

Agora, vamos verificar o método de mesclar objetos usando o objeto JavaScript.Atribuir () método.

Como mesclar objetos usando o objeto JavaScript.Atribuir () método

Em JavaScript, você também pode utilizar o “Objeto.atribuir()”Método para mesclando diferente fonte objetos dentro de um alvo objeto. Para esse fim, você deve seguir a sintaxe abaixo dada.

Sintaxe do uso do objeto JavaScript.Atribuir () Método para mesclar objetos

destino = objeto.atribuir (, fonte1, fonte2);

Aqui, "fonte1", e "fonte2”Representa os múltiplos objetos cujas propriedades serão mescladas no“alvo“Objeto, usando“Objeto.atribuir()”Método.

Exemplo: como mesclar objetos usando o objeto JavaScript.Atribuir () método

Para demonstrar o procedimento de mesclar objetos, utilizando o “Objeto.atribuir()”Método, primeiro, criaremos dois objetos chamados“fruta" e "vegetal”:

const frut = fruitname: 'Apple';
const vegetable = vegetaname: 'batata';

Depois de fazer isso, invocaremos o “Objeto.atribuir()”Método para mesclar“fruta" e "vegetais“Objetos no alvo“comestíveis”Objeto que está atualmente vazio :

const Eatables = objeto.atribuir (, frutas, vegetais);
console.log (comestíveis);

Como resultado da execução, o “console.registro()”Método imprimirá o“comestíveis”Propriedades do objeto e seus respectivos valores no console:

No entanto, se você quiser adicionar uma propriedade ao “alvo”Objeto antes de executar a operação de fusão e, em seguida, dê uma olhada na seguinte sintaxe:

destino = objeto.atribuir (Property: 'value', fonte1, fonte2);

De acordo com a sintaxe acima, “valor da propriedade”Representa o par de valores-chave que será adicionado ao“alvo”Objeto, então o“Objeto.atribuir()”Método mesclará o“fonte1" e "fonte2”Objetos no especificado“alvo”Objeto.

Para entender claramente o conceito declarado, execute o código abaixo:

const Eatables = objeto.atribuir (lanches: 'cookie', frutas, vegetais);
console.log (comestíveis);

Aqui o "Objeto.atribuir()”O método mesclará as propriedades de“fruta" e "vegetal"Objetos em"comestíveis”Objeto, depois de adicionar o“lanches: 'Cookie'“Par de valores-chave para ele:

Nós compilamos informações essenciais relacionadas ao uso de o objeto JavaScript.atribuir() Método para copiar e mesclar objetos. Explore -os ainda mais de acordo com suas preferências.

Conclusão

O javascript Objeto.atribuir() o método é usado para clonar o enumerável valor chave par de um objeto já criado. Este método aceita dois argumentos: fonte e destino, onde “fonte”Representa o objeto cujas propriedades serão clonadas no“alvo”Objeto. Também é invocado por mesclar um ou mais objetos múltiplos em um único objeto. Este artigo discutiu o funcionamento do objeto JavaScript.Atribuir () método.