Métodos Javascript

| | | |

JavaScript tem uma classe Object que tem todos os tipos de métodos que podemos usar para manipular esses objetos. Neste artigo, veremos o método Object.assign() e mostraremos como ele é usado.

Lembramos que um objeto é um tipo de dados em JavaScript, semelhante a dicionários em Python, que têm o que chamamos de pares chave:valor. Digamos que temos um item, vamos chamá-lo de Harry. Ele pode ter pares de chave:valor semelhantes a este:

A regra geral para o tema nesta situação é que o nome da propriedade à esquerda dos dois pontos é a chave e as coisas à direita são o valor. A maioria das chaves e valores ‚Äã‚Äãsão bastante simples - a única que pode ser um pouco arriscada é a última propriedade: pet. O animal de estimação é sempre a chave aqui. O valor, no entanto, é um objeto que possui dois outros pares de chaves: valor. Isso é o que chamamos de objeto aninhado.

Object.assign (target,… sourceObjs);

Existe um método Object chamado assign() que pode ser usado para pegar um ou mais objetos de origem e copiá-los para um objeto de destino. Vamos direto ao código para ver o que ele faz:

Vamos expor o código juntos. Vamos começar com um objeto literal chamado hpChar. Este hpChar tem nome, sobrenome, idade, domicílio e animal de estimação. Esta propriedade pet é um objeto em si e tem algumas chaves e valores ‚Äã‚Äãpor si só.

Em seguida, temos nossa primeira instância do nosso método sobre a qual estamos aqui para falar. Object.assign aceita dois ou mais parâmetros. O primeiro é sempre o objeto de destino ao qual você deseja atribuir valores. Nesse caso, é um objeto vazio.

O segundo parâmetro é nosso objeto definido acima. Este é o material de origem do qual usaremos para atribuir ao objeto de destino (nosso primeiro parâmetro).

A linha a seguir salva o resultado no console:

Nada muito diferente, certo? Isso ocorre porque atribuímos hpChar a um objeto vazio - basicamente clonamos o objeto. E se tivesse que ser feito novamente, mas alterando certos valores? Em vez do objeto vazio desta vez, vamos substituí-lo pelo objeto hpChar - esse será nosso objetivo desta vez. Vamos alterar alguns valores ‚Äã‚Äão no segundo parâmetro. Não hesite em brincar com os valores ‚Äã‚Äãdesde que mantenha as mesmas chaves.

Aqui estão os valores ‚Äã‚ÄãI substituirei. Se o valor no objeto de destino não for alterado, não é necessário obter explicitamente seu valor no objeto de origem.

Na segunda vez que salvamos o resultado no console, ele retornou o objeto alvo, substituindo as propriedades por novos valores. Agora nosso console está assim:

Isto é o que conecta dois objetos com as mesmas propriedades. E se uníssemos três objetos com propriedades diferentes? O que você espera que aconteça?

Obj1 é nosso alvo obj. Obj2 e obj3 são nossos objetos de origem. Estes serão mesclados em nosso objeto de destino. Como nenhuma propriedade se sobrepõe, todas as propriedades serão mescladas em obj1 com seus respectivos valores.

Aqui vamos nós! Uma implementação funcional de Object.assign(). Depois de entender os conceitos aqui, você está um passo mais perto de aprender uma estrutura JavaScript!

Pronto para saber mais?

Confira estes tutoriais para aprofundar seu estudo...

JavaScript Object.keys ()

Um guia passo a passo das planilhas JavaScript

< a href="/javascript-typeof/"> Tipos de JavaScript

A cadeia de JavaScript contém: Guia passo a passo

Variáveis JavaScript

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method