Función de empuje de objeto JavaScript

Función de empuje de objeto JavaScript
En JavaScript, la función push () inserta elementos/elementos al final de una matriz. Sin embargo, los objetos JavaScript no tienen un método Push () de forma predeterminada. Si desea agregar un nuevo par de valor clave a un objeto en JavaScript, simplemente asigne un valor a una clave nueva o existente.

Este tutorial demostrará la función push () en un objeto para agregar elementos a un objeto.

Cómo agregar elementos a un objeto?

No hay "empujar()"Función o método para agregar elementos a un objeto. Por lo tanto, use los siguientes enfoques para agregar elementos a un objeto en pares de valor clave:

  • Notación de puntos
  • Notación de soporte cuadrado
  • Método asignar ()
  • Método DefineProperties ()

Método 1: Agregue elementos a un objeto usando notación de puntos

Utilizar el "Punto"Notación para agregar elementos a un objeto. El operador DOT se utiliza para acceder, insertar o modificar las propiedades/atributos y métodos de objetos.

Sintaxis

Use la sintaxis mencionada a continuación para agregar elementos a un objeto con la ayuda de (.) notación:

objeto.propiedad = valor;

Ejemplo

Crear un objeto llamado "obj"Con propiedades"alfa" y "beta":

const obj =
alfa: 'alfa',
beta: 'beta'
;

Agregar propiedad "gama"Usando el operador DOT:

obj.gamma = 'gamma';

Imprima el objeto en la consola usando el "consola.registro()" método:

consola.log (obj);

Se puede ver que el "gama"La propiedad se ha agregado correctamente a un objeto:

Método 2: Agregue elementos a un objeto usando notación de soporte cuadrado

También puedes usar el "corchete"Notación para agregar los elementos al objeto. Similar a la notación del punto, también se utiliza para acceder, agregar y modificar las propiedades y métodos de los objetos.

Sintaxis

Siga la sintaxis dada para agregar elementos a un objeto usando [] notación:

objeto ['propiedad'] = valor;

Ejemplo

Agregue dos propiedades, "gama" y "js"Al objeto con la ayuda del soporte cuadrado [] notación:

obj ["gamma"] = 'gamma';
obj ["js"] = 'javaScript';

Producción

Método 3: Agregar elementos a un objeto usando el método asignar ()

Otro enfoque para agregar elementos a un objeto es usar el "asignar()" método. Se utiliza para copiar los valores de todas las propiedades enumerables de múltiples objetos fuente a un objeto de destino determinado.

Sintaxis

Para agregar el elemento a un objeto, use la sintaxis dada:

Objeto.asignar (objeto, clave: 'valor');

Ejemplo

Use el método asignar () y agregue dos propiedades ","gama" y "js"A un objeto:

Objeto.asignación (obj, gamma: 'gamma', js: 'javascript');

Se puede observar que las nuevas propiedades se agregan con éxito al objeto:

Método 4: Agregue elementos a un objeto usando el método DefineProperty ()

Para agregar elementos a un objeto, use el "DefineProperty ()" método. Permite definir/declarar una nueva propiedad o cambiar una propiedad existente en un objeto y especifica cómo debe comportarse esa propiedad. Por ejemplo, si la propiedad es enumerable o no, y así sucesivamente.

Sintaxis

Siga la sintaxis dada para el método DefineProperty ():

Objeto.DefineProperty (OBJ, Prop, Descriptor)

Se necesitan tres argumentos:

  • "obj"Es el objeto para el cual se va a definir la propiedad.
  • "apuntalar"Es el nombre de la propiedad para definir.
  • "Descriptor"Es un objeto que especifica el comportamiento de la propiedad, incluido su valor, ya sea enumerable, configurable o en escritura.

Ejemplo

Defina una propiedad para un objeto usando el "DefineProperty ()" método:

Objeto.DefineProperty (obj, 'gamma',
Valor: "Gamma",
enumerable: verdadero,
Writable: verdadero,
configurable: verdadero
);

Producción

Se trata de agregar la funcionalidad push () para un objeto.

Conclusión

En JavaScript, hay un "empujar()"Función utilizada para agregar elementos a una matriz. Para los objetos, no es útil. Entonces, para agregar elementos a un objeto en pares de valor clave, utilice el "Punto"Notación,"Corchete"Notación,"asignar()Método "o el"DefineProperties ()" método. Este tutorial demostró el procedimiento para agregar la funcionalidad push () en un objeto para agregar elementos a un objeto.