Cómo agregar propiedad a un objeto en JavaScript

Los objetos de JavaScript manejan múltiples propiedades que son los valores de pares de teclas. Estas propiedades se utilizan para especificar las cualidades y características de un objeto definido en JavaScript. Cuando se crean los objetos, sus propiedades relevantes se pueden agregar, eliminar y modificarse dinámicamente. Más específicamente, hay múltiples métodos de JavaScript disponibles para agregar propiedades a un objeto.

Esta publicación indicará los múltiples métodos para agregar una propiedad a un objeto en JavaScript.

Cómo agregar/insertar propiedad en un objeto en JavaScript?

Ahora, cubriremos los siguientes métodos para agregar propiedades a un objeto:

• Método 1: Agregar propiedad utilizando notación de puntos (.)
• Método 2: Agregar propiedad usando el objeto.Método asignar ()
• Método 3: Agregar propiedad usando el objeto.Método DefineProperty ()

Método 1: Agregar propiedad a un objeto usando notación de puntos (.)

La notación de DOT es un método para acceder a la propiedad de un objeto. Al escribir en notación de puntos, primero debe escribir el nombre del objeto, luego un punto (.) y luego inserte el nombre de la propiedad.

Ejemplo

Primero, declare un objeto con la ayuda del "dejarPalabra clave y asigne las propiedades al objeto definido dentro del bloque:

Dejar obj =
Nombre: 'Hafsa',
Edad: 14,
;

Utilizar el "consola.registro()"Método y pasar el argumento"obj"Para mostrar en la consola:

consola.log (obj);

Ahora, agregue la propiedad con la ayuda de la notación de puntos:

obj.educación = 'ingeniero de software';

Salida de visualización en la consola:

consola.log (obj);

Producción

Método 2: Agregar propiedad a un objeto usando el objeto.Método asignar ()

También podemos usar el "asignar()"Método incorporado de JavaScript para agregar las propiedades en un objeto. El "Objeto.asignar()"Es un método estático de JavaScript que se utiliza para copiar todas las características y propiedades contables de uno o más objetos de origen para apuntar al objeto.

Sintaxis

Para usar el objeto.Método asignar (), consulte la sintaxis dada:

Objeto.asignar (objetivo, fuente);

En la sintaxis anterior:

• "objetivo"Determina el objeto en el que los valores de la propiedad se van a copiar.
• "fuente"Indica el objeto donde se deben copiar los valores de la propiedad respectivos.

Ejemplo

En este ejemplo, primero, declare una variable y asigne las propiedades. Luego, declare otra variable siguiendo el mismo procedimiento:

Let Employee = nombre: 'Diana', edad: 23;
Let Information = género: 'femenino', nacionalidad: 'canadiense';

Utilizar el "Objeto.asignar()"Método y pase los argumentos, donde el primer parámetro es el objeto de destino y el segundo parámetro es el objeto de origen. Este método copiará todos los valores de origen en el valor dirigido:

Objeto.asignar (empleado, información);

Entonces, invoca el "consola.registro()Método "para mostrar el resultado en la consola:

consola.log (empleado);
consola.registro (información);

Producción

Método 3: Agregar propiedad a un objeto usando el objeto.Método DefineProperty ()

El "Objeto.DefineProperty ()"Es un método estático de JavaScript que se utiliza para definir la propiedad más reciente y nueva directamente a un objeto o cambiar la propiedad existente de un objeto y devolver el objeto.

Sintaxis

Usar el "Objeto.DefineProperty ()"Método, siga la sintaxis dada:

Objeto.DefineProperty (OBJ, New_Property, Configuración);

Aquí:

• "obj"Se refiere al objeto.
• "New_Property"Determina la propiedad que se agregará.
• "configuración"Define el valor que se puede cambiar y modificar.

Ejemplo

Declare un objeto con la ayuda del "dejarPalabra clave:

Sea obj = ;

Utilizar el "Objeto.DefineProperty ()"Método y pasar los argumentos, y establezca el valor para la propiedad de escritura como verdadero. Por lo tanto, la propiedad de identificación de obj OBJ se puede cambiar ahora:

Objeto.DefineProperty (obj, 'id',
Valor: 137,
Writable: verdadero
);

Agregue una propiedad con la ayuda de "obj.identificación”Y asignar el valor:

obj.id = 214;

Según los argumentos aprobados, la consola mostrará el valor de propiedad modificado:

consola.log ("ID de objeto:", obj.identificación);

Establezca el valor de la propiedad de escritura como falso. Como resultado, la propiedad de nombre de Obj OBJ no se puede cambiar ahora:

Objeto.DefineProperty (obj, 'nombre',
Valor: 'HAFSA',
Writable: False);

Agregue una propiedad con la ayuda de "obj.nombre”Y asignar el valor:

obj.nombre = 'Hafsa Javed';

Según los argumentos aprobados, la consola no mostrará el valor de propiedad nuevo (HAFSA Javed) pero mayor (HAFSA) Valor:

consola.Log ("Nombre del objeto:", OBJ.nombre);

Se trata de agregar la propiedad a un objeto en JavaScript.

Conclusión

Para agregar la propiedad a un objeto en JavaScript, se pueden utilizar múltiples métodos. Los usuarios pueden agregar la propiedad a un objeto utilizando "notación de puntos (.)","Objeto.asignar()Método "o el"Objeto.DefineProperty ()" método. Esta publicación indicó los múltiples métodos para agregar la propiedad a un objeto en JavaScript.