Cómo crear una matriz dinámica en JavaScript

Cómo crear una matriz dinámica en JavaScript
Una matriz dinámica es una estructura de datos de lista que tiene un tamaño variable. Se expande automáticamente cuando intenta agregar más elementos después de crearlo. La matriz dinámica también permite agregar o eliminar elementos de la matriz en tiempo de ejecución. También puede actualizar su tamaño después de ejecutar tales operaciones.

Matrices de JavaScript son dinámica en la naturaleza, lo que implica que su longitud se puede cambiar en el momento de la ejecución (cuando sea necesario). El sistema de tiempo de ejecución asigna automáticamente elementos de matrices dinámicas en función de los índices utilizados.

Quiero crear una matriz dinámica? En caso afirmativo, siga esta publicación ya que discutiremos el procedimiento para crear matrices dinámicas en JavaScript.

Entonces, comencemos!

Cómo crear una matriz dinámica en JavaScript

Para crear una matriz dinámica en JavaScript, puede seguir cualquiera de los métodos a continuación:

  • Creando una matriz dinámica usando Literal de matriz
  • Creando una matriz dinámica usando Constructor predeterminado
  • Creando una matriz dinámica usando Constructor parametrizado

Explicaremos cada uno de los métodos mencionados anteriormente en las siguientes secciones.

Cómo crear una matriz dinámica en JavaScript usando Array Literal

En JavaScript, una lista de expresiones individuales o múltiples, donde cada expresión representa un elemento de matriz se conoce como "Literal de matriz". Por lo general, los elementos agregados en una matriz literal están encerrados en soportes cuadrados "[]".

Cuando se crea una matriz dinámica utilizando una matriz literal, se inicializa con algunos valores específicos como matriz "elementos,"Y su longitud se establece automáticamente de acuerdo con el número de argumentos adicionales.

Sintaxis para crear una matriz dinámica en JavaScript usando Array Literal

var array = [element1, element2, element3,…];

Aquí, "formación"Es una matriz dinámica que comprende múltiples elementos como"elemento1","elemento2","Elementos3" etcétera.

Ejemplo: Cómo crear una matriz dinámica en JavaScript usando Array Literal

Crearemos una matriz dinámica llamada "matriz1"E inicializarlo con los siguientes elementos:

var array1 = ['linuxhint', 'is', 'número', 1, 'sitio web'];

Luego, verificaremos la longitud de la matriz dinámica creada:

consola.Log (Array1.longitud);

Como el "matriz1"Se inicializa con cinco elementos, por eso su longitud está establecida en"5":

Para iterar sobre los elementos del "matriz1", Usaremos el"en bucle":

para (var i = 0; i <= array1.length; i++)
consola.log (array1 [i]);

Lo dado "en bucle"Mostrará el"matriz1"Elementos en la consola:

Cómo crear una matriz dinámica en JavaScript usando el constructor predeterminado

Otro método para crear una matriz dinámica es usar el "Formación()" Constructor predeterminado. Este constructor predeterminado no tiene argumentos, por lo que inicialmente, la duración de la matriz dinámica declarada se establecerá en "0".

Sintaxis para crear una matriz dinámica en JavaScript usando el constructor predeterminado

var array = new array ();

Aquí, la dinámica "formación"Se crea utilizando el constructor de matriz predefinido ().

Ejemplo: cómo crear una matriz dinámica en JavaScript usando el constructor predeterminado

Primero, utilizaremos el "Formación()"Constructor predeterminado para crear una matriz dinámica llamada"matriz2":

var array2 = new Array ();
matriz2.longitud;

Como aún no hemos agregado ningún elemento, la longitud del "matriz2"Es igual a cero:

En el siguiente paso, agregaremos algunos elementos al "matriz2"Usando JavaScript"empujar()". El "empujar()El método "acepta el elemento como un argumento que debe ser empujado a la matriz especificada:

matriz2.push ('linuxhint');
matriz2.push ('sitio web');
matriz2.longitud;

Hasta este punto, hemos agregado dos elementos en el "matriz2,"Que significa que su longitud ahora está configurado"2"En lugar de cero:

Por último, usaremos el "en bucle"Para iterar sobre el"matriz2"Elementos y ver sus valores:

para (var i = 0; i <= array2.length; i++)
consola.log (array2 [i]);

Producción

Cómo crear una matriz dinámica en JavaScript utilizando un constructor parametrizado

JavaScript también le permite crear una matriz dinámica utilizando el "Constructor parametrizado " del incorporado Formación clase. Para hacerlo, debe aprobar elementos como argumento al constructor parametrizado de matriz ().

Sintaxis para crear una matriz dinámica en JavaScript utilizando el constructor parametrizado

var array = nueva matriz (element1, element2, element3, ...);

Aquí, "formación"Es una matriz dinámica que comprende múltiples elementos como"elemento1","elemento2","Elementos3", etcétera.

Ejemplo: cómo crear una matriz dinámica en JavaScript usando el constructor parametrizado

Ahora crearemos una matriz dinámica llamada "matriz2"Usando el constructor parametrizado al pasar el argumento de abajo como su"elementos:

var array3 = new Array ('Linuxhint', 'is', 'número', 1, 'sitio web');
consola.Log (Array3.longitud);

El largo de "matriz3" es "5"Como la matriz comprende cinco elementos:

A continuación, iteraremos a través de los elementos de "matriz3"E imprima sus valores en la ventana de la consola:

para (var i = 0; i <= array3.length; i++)
consola.log (array3 [i]);

Producción


Hemos compilado tres métodos diferentes para crear matrices dinámicas en JavaScript. Puede usar cualquiera de ellos de acuerdo con sus requisitos.

Conclusión

Usando Literal de matriz, Constructor predeterminado de la matriz, y Constructor parametrizado, puede crear matrices dinámicas en Javascript. Las matrices de JavaScript son dinámica en la naturaleza, lo que implica que su longitud se puede cambiar en el momento de la ejecución. También le permiten agregar o eliminar elementos en tiempo de ejecución y luego actualizar automáticamente su tamaño después de ejecutar las operaciones especificadas. Este artículo sobre el procedimiento para crear matrices dinámicas en JavaScript.