Adicionando elementos ao objeto - JavaScript

Em várias situações, os programadores precisam adicionar ou anexar dados em objetos em pares de valor-chave dinamicamente (após a criação de objetos). Não há método push () para os objetos fazer isso. Portanto, você pode adicionar elementos aos objetos atribuindo um valor a uma propriedade de objeto nova ou existente usando diferentes operadores ou métodos JavaScript.

Este post descreverá os métodos para adicionar elementos a um objeto JavaScript.

Como adicionar elementos aos objetos em JavaScript?

Para adicionar elementos a um objeto, use as seguintes abordagens:

• Ponto (.) Operador
• Colchete [ ]
• Atribuir () método

Método 1: Adicionando elementos ao objeto usando o ponto (.) Operador

Para adicionar elementos em um objeto, utiliza o “Ponto”Notação. É usado para acessar, adicionar ou modificar as propriedades e métodos de objetos. O operador DOT é uma característica fundamental do JavaScript e é usado extensivamente em programação orientada a objetos.

Sintaxe
Use a sintaxe fornecida abaixo para adicionar elementos a um objeto usando o (.) notação:

objeto.propriedade = valor;

Exemplo
Crie um objeto vazio chamado “stdinfo”:

const stdinfo = ;

Adicione alguns elementos em um par de valores-chave com a ajuda da notação de pontos:

stdinfo.id = 1;
stdinfo.name = "mari";

Depois de adicionar elementos, imprima o objeto no console:

console.log (stdinfo);

Como você pode ver, os elementos foram adicionados com sucesso a um objeto vazio:

Método 2: Adicionando elementos ao objeto usando a notação de suporte quadrado []

Você também pode usar o “colchete”Notação para adicionar os elementos ao objeto. Semelhante à notação de pontos, também é utilizado para acessar, adicionar e modificar propriedades e métodos de objeto.

Sintaxe
Para adicionar elementos usando a notação [], siga a sintaxe dada:

objeto ['propriedade'] = valor;

Exemplo
Adicione o "idade”Do aluno do objeto usando a notação do suporte []:

stdinfo ['idade'] = 18;

Saída

Método 3: Adicionando elementos ao objeto Usando o método atribuído ()

Outra maneira de adicionar elementos a um objeto é usar o “atribuir()”Método. É utilizado para copiar os valores de todas as propriedades enumeráveis ​​de vários objetos de origem para um objeto de destino especificado.

Sintaxe
A sintaxe geral para o método atribuir () é o seguinte:

Objeto.atribuir (alvo,… fontes)

Para adicionar elementos a um objeto, use a sintaxe dada:

Objeto.atribuir (objeto, key: 'value');

Aqui o "objetoӃ o alvo.

Exemplo
Vamos adicionar uma propriedade “padrão”Em um objeto que utiliza o método atribui ():

Objeto.atribuir (stdinfo, padrão: 'a-level');

Pode-se observar que o método atribui () adicionou com sucesso o par de valores-chave a um objeto:

Fornecemos todas as instruções essenciais relevantes para adicionar elementos ao objeto.

Conclusão

Para adicionar elementos a um objeto, use o “Ponto (.)Operador, “Colchete [ ]”Notação, ou a“atribuir()”Método. O operador DOT e a notação de suporte quadrado são as abordagens mais comuns utilizadas para acessar ou adicionar propriedades a um objeto. Este post descreveu os métodos para adicionar elementos a um objeto em JavaScript.