¿Cómo agregar elementos a una array existente dinámicamente en JavaScript?

Una array es un objeto de JavaScript que puede contener varios valores a la vez, independientemente del tipo de datos.

Ejemplo:

var a = ['Geeks', 'For', 'Geeks', 1];

En el ejemplo anterior, «Geeks» es del tipo «string», mientras que 1 es del tipo «entero». Una array también puede almacenar objetos de JavaScript. Las arrays de JavaScript son de naturaleza dinámica, no necesitan el tamaño durante la inicialización. Se accede a ellos mediante índices numerados.

console.log(a[1]);

La declaración anterior imprime ‘Para’ del ejemplo anterior en la ventana de la consola.

Producción:

For

o

document.write(a[1]);

Producción:

For

Para agregar elementos a una array dinámicamente en JavaScript, el programador puede usar cualquiera de los siguientes métodos.

Método 1: use índices numéricos para agregar un elemento al índice especificado.

JavaScript

<script>
    // JavaScript Array Initialization
    var a = ['Hi', 'There'];
  
    // New element added dynamically.
    a[3] = 'Geeks';
  
    document.write(a[3]);
    document.write("<br>");
    document.write(a[2]);
</script>

Salida: En la ventana de la consola

Se puede ver que solo se declaró el índice de {0, 1}. El índice 3 se creó dinámicamente y se inicializó como ‘Geeks’. El índice 2 se creó automáticamente y se inicializó como indefinido, para mantener el orden.

Método 2: el método Use push() se usa para agregar un elemento al final de la array.

JavaScript

<script>
    // JavaScript Array Declared
    var a = [];
  
    // Elements pushed into the 
    // array using push() method
    a.push('Geeks');
    a.push('For');
    a.push('Geeks');
  
    // Obtaining the value
    document.write(a);
</script>

Producción:

La ventana de la consola muestra un objeto de array que contiene 3 valores, son [‘Geeks’, ‘For’, ‘Geeks’]. El método push() mantiene el orden de los índices al agregar los nuevos elementos al final de la array y devuelve la nueva longitud de la array.

Publicación traducida automáticamente

Artículo escrito por chitrankmishra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *