Os objetos JavaScript manipulam 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.
Esta postagem indicará os vários métodos para adicionar uma propriedade a um objeto em JavaScript.
Como adicionar/inserir propriedade a um objeto em JavaScript?
Agora, abordaremos os seguintes métodos para adicionar propriedades a um objeto:
- Método 1: adicionar propriedade usando a notação de ponto (.)
- Método 2: adicionar propriedade usando o método Object.assign()
- Método 3: Adicionar propriedade usando o método Object.defineProperty()
Método 1: adicionar propriedade a um objeto usando a notação de ponto (.)
A notação de ponto é 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, inserir o nome da propriedade.
Exemplo
Primeiro, declare um objeto com a ajuda do “ deixar ” e atribua as propriedades ao objeto definido dentro do bloco:
deixe obj = {
nome : 'Policial' ,
idade : 14 ,
} ;
Use o ' console.log() ” método e passar o argumento “ obj ” para mostrar no console:
console. registro ( obj ) ;Agora, adicione a propriedade com a ajuda da notação de ponto:
obj. Educação = 'Engenheiro de software' ;
Exibir saída no console:
console. registro ( obj ) ;Saída
Método 2: Adicionar propriedade a um objeto usando o método Object.assign()
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 método object.assign(), verifique a sintaxe fornecida:
Objeto . atribuir ( alvo , fonte ) ;Na sintaxe acima:
- “ alvo ” determina o objeto no qual os valores da propriedade serão copiados.
- “ fonte ” indica o objeto onde os respectivos valores de 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:
deixar funcionário = { nome : 'Diana' , idade : 23 } ;deixe informações = { gênero : 'Fêmea' , nacionalidade : 'Canadense' } ;
Use o ' Objeto.atribuir() ” 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 de destino:
Objeto . atribuir ( funcionário , Informação ) ;Em seguida, invoque o “ console.log() ” para exibir o resultado no console:
console. registro ( funcionário ) ;console. registro ( Informação ) ;
Saída
Método 3: Adicionar propriedade a um objeto usando o método Object.defineProperty()
O ' Object.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 retornar o objeto.
Sintaxe
Para usar o “ Object.defineProperty() ” método, siga a sintaxe fornecida:
Objeto . definirPropriedade ( 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
Declare um objeto com a ajuda do “ deixar ” palavra-chave:
deixe obj = { } ;Utilize o “ Object.defineProperty() ” e passe os argumentos e defina o valor da propriedade gravável como true. Portanto, a propriedade id do objeto obj pode ser alterada agora:
Objeto . definirPropriedade ( obj , 'eu ia' , {valor : 137 ,
gravável : verdadeiro
} ) ;
Adicione uma propriedade com a ajuda de “ obj.id ” e atribua o valor:
obj. eu ia = 214 ;De acordo com os argumentos passados, o console exibirá o valor da propriedade alterada:
console. registro ( 'ID do objeto:' , obj. eu ia ) ;Defina o valor da propriedade gravável como false. Como resultado, a propriedade name do objeto obj não pode ser alterada agora:
Objeto . definirPropriedade ( obj , 'nome' , {valor : 'Policial' ,
gravável : falso } ) ;
Adicione uma propriedade com a ajuda de “ obj.name ” e atribua o valor:
obj. nome = 'Hafsa Javed' ;De acordo com os argumentos passados, o console não exibirá o valor da propriedade new(Hafsa Javed) passado, mas o valor mais antigo(Hafsa):
console. registro ( 'Nome do Objeto:' , obj. nome ) ;Isso é tudo sobre como 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() ” ou o método “ Object.defineProperty() ” método. Esta postagem declarou os vários métodos para adicionar a propriedade a um objeto em JavaScript.