Como adicionar propriedade a um objeto em JavaScript

Os objetos JavaScript lidam com várias propriedades que são os valores do par de chaves. Essas propriedades são utilizadas para especificar as qualidades e características de um objeto definido em JavaScript. Quando os objetos são criados, suas propriedades relevantes podem ser adicionadas, excluídas e modificadas dinamicamente. Mais especificamente, existem vários métodos de JavaScript disponíveis para adicionar propriedades a um objeto.

Este post indicará os múltiplos métodos para adicionar uma propriedade a um objeto em JavaScript.

Como adicionar/inserir a propriedade a um objeto em javascript?

Agora, abordaremos os seguintes métodos para adicionar propriedades a um objeto:

• Método 1: Adicione a propriedade usando a notação de pontos (.)
• Método 2: Adicionar propriedade usando objeto.Atribuir () método
• Método 3: Adicione a propriedade usando objeto.Método DefineProperty ()

Método 1: Adicione a propriedade a um objeto usando a notação de ponto (.)

A notação de pontos é um método para acessar a propriedade de um objeto. Ao escrever em notação de ponto, você deve primeiro escrever o nome do objeto, depois um ponto (.) e, em seguida, insira o nome da propriedade.

Exemplo

Primeiro, declare um objeto com a ajuda do “deixarPalavra -chave e atribua as propriedades ao objeto definido dentro do bloco:

deixe obj =
Nome: 'hafsa',
Idade: 14,
;

Use o "console.registro()”Método e passe o argumento“obj”Para mostrar no console:

console.log (obj);

Agora, adicione a propriedade com a ajuda da notação de pontos:

obj.educação = 'engenheiro de software';

Exibir saída no console:

console.log (obj);

Saída

Método 2: Adicione a propriedade a um objeto usando objeto.Atribuir () método

Também podemos usar o “atribuir()”Método interno de JavaScript para adicionar as propriedades em um objeto. O "Objeto.atribuir()”É um método estático de JavaScript que é utilizado para copiar todos os recursos e propriedades contáveis ​​de um ou mais objetos de origem para direcionar o objeto.

Sintaxe

Para usar o objeto.Método Atribuir (), consulte a sintaxe dada:

Objeto.atribuir (destino, fonte);

Na sintaxe acima:

• ““alvo”Determina o objeto em que os valores da propriedade serão copiados.
• ““fonte”Indica o objeto em que os respectivos valores da propriedade devem ser copiados.

Exemplo

Neste exemplo, primeiro, declare uma variável e atribua as propriedades. Em seguida, declare outra variável seguindo o mesmo procedimento:

Deixe funcionário = nome: 'Diana', idade: 23;
deixe informações = gênero: 'feminino', nacionalidade: 'canadense';

Use o "Objeto.atribuir()”Método e passe os argumentos, onde o primeiro parâmetro é o objeto de destino e o segundo parâmetro é o objeto de origem. Este método copiará todos os valores de origem no valor direcionado:

Objeto.atribuir (funcionário, informações);

Então, invocar o “console.registro()”Método para exibir o resultado no console:

console.log (funcionário);
console.log (informações);

Saída

Método 3: Adicione a propriedade a um objeto usando objeto.Método DefineProperty ()

O "Objeto.DefineProperty ()”É um método estático JavaScript que é utilizado para definir a propriedade mais recente e nova diretamente para um objeto ou alterar a propriedade existente de um objeto e devolver o objeto.

Sintaxe

Para usar o “Objeto.DefineProperty ()”Método, siga a sintaxe dada:

Objeto.defineProperty (Obj, new_property, configuração);

Aqui:

• ““obj”Refere -se ao objeto.
• ““new_property”Determina a propriedade que será adicionada.
• ““configuração”Define o valor que pode ser alterado e modificado.

Exemplo

Declarar um objeto com a ajuda do “deixarPalavra -chave:

Seja obj = ;

Utilize o “Objeto.DefineProperty ()”Método e aprova os argumentos e defina o valor para a propriedade gravável como verdadeira. Portanto, a propriedade ID do objeto Obj pode ser alterada agora:

Objeto.defineProperty (obj, 'id',
Valor: 137,
gravável: verdadeiro
);

Adicione uma propriedade com a ajuda de “obj.eu ia”E atribua o valor:

obj.id = 214;

De acordo com os argumentos aprovados, o console exibirá o valor da propriedade alterada:

console.log ("ID do objeto:", OBJ.eu ia);

Defina o valor de propriedade gravável como falso. Como resultado, o nome da propriedade do objeto Obj não pode ser alterado agora:

Objeto.defineProperty (obj, 'nome',
Valor: 'hafsa',
gravável: false);

Adicione uma propriedade com a ajuda de “obj.nome”E atribua o valor:

obj.nome = 'hafsa javed';

De acordo com os argumentos aprovados, o console não exibirá o novo valor da propriedade (hafsa javed), mas o valor mais antigo (HAFSA):

console.log ("Nome do objeto:", OBJ.nome);

Isso se trata de adicionar a propriedade a um objeto em JavaScript.

Conclusão

Para adicionar a propriedade a um objeto em JavaScript, vários métodos podem ser utilizados. Os usuários podem adicionar a propriedade a um objeto utilizando “notação de ponto(.)","Objeto.atribuir()”Método, ou o“Objeto.DefineProperty ()”Método. Este post declarou os múltiplos métodos para adicionar a propriedade a um objeto em JavaScript.