Come creare un array dinamico in JavaScript

Un array dinamico è una struttura dati dell'elenco che ha una dimensione variabile. Si espande automaticamente quando si tenta di aggiungere più elementi dopo averlo creato. L'array dinamico consente anche l'aggiunta o la rimozione di elementi dall'array in fase di esecuzione. Può anche aggiornare le sue dimensioni dopo l'esecuzione di tali operazioni.

Array javascript Sono dinamico in natura, il che implica che la loro lunghezza può essere cambiata al momento dell'esecuzione (quando necessario). Il sistema di runtime alloca automaticamente gli elementi di array dinamici in base agli indici utilizzati.

Vuoi creare un array dinamico? Se sì, segui questo post poiché discuteremo della procedura per creare array dinamici in JavaScript.

Quindi iniziamo!

Come creare un array dinamico in JavaScript

Per creare un array dinamico in JavaScript, è possibile seguire uno dei metodi di seguito:

• Creazione di array dinamico usando Array Letterale
• Creazione di array dinamico usando Costruttore predefinito
• Creazione di array dinamico usando Costruttore parametrizzato

Spiegheremo ciascuno dei metodi sopra menzionati nelle prossime sezioni.

Come creare array dinamico in JavaScript usando l'array letterale

In JavaScript, un elenco di espressioni singole o multiple, in cui ogni espressione rappresenta un elemento di array è noto come "Array Letterale". In genere, gli elementi aggiunti in un array letterale sono racchiusi tra parentesi quadrate "[".

Quando viene creato un array dinamico utilizzando un array letterale, viene inizializzato con alcuni valori specifici come array "elementi,"E la sua lunghezza viene impostata automaticamente in base al numero di argomenti aggiunti.

Sintassi per creare un array dinamico in JavaScript usando l'array letterale

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

Qui, "vettore"È un array dinamico che comprende più elementi come"elemento1","elemento2","elementi3" e così via.

Esempio: come creare array dinamico in JavaScript usando l'array letterale

Creeremo un array dinamico chiamato "Array1"E inizializzalo con i seguenti elementi:

var array1 = ['linuxhint', 'is', 'numero', 1, 'sito Web'];

Quindi, controlleremo la lunghezza dell'array dinamico creato:

console.registro (array1.lunghezza);

Come il "Array1"È inizializzato con cinque elementi, ecco perché la sua lunghezza è impostata su"5":

Per iterare sugli elementi del "Array1", Useremo il"per ... loop":

per (var i = 0; i <= array1.length; i++)
console.log (array1 [i]);

Il dato "per ... loop"Visualirà il"Array1"Elementi sulla console:

Come creare un array dinamico in JavaScript usando il costruttore predefinito

Un altro metodo per creare un array dinamico è usare il "Vettore()" Costruttore predefinito. Questo costruttore predefinito non ha argomenti, quindi inizialmente la lunghezza dell'array dinamico dichiarato sarà impostata su "0".

Sintassi per creare un array dinamico in JavaScript usando il costruttore predefinito

var array = new array ();

Qui, la dinamica "vettore"È creato utilizzando il costruttore di array () predefinito.

Esempio: come creare un array dinamico in JavaScript usando il costruttore predefinito

Innanzitutto, utilizzeremo il "Vettore()"Costruttore predefinito per la creazione di un array dinamico chiamato"Array2":

var array2 = new array ();
Array2.lunghezza;

Dal momento che non abbiamo ancora aggiunto alcun elemento, la lunghezza del "Array2"È uguale a zero:

Nel prossimo passaggio, aggiungeremo alcuni elementi al "Array2"Usando JavaScript"spingere()". IL "spingere()"Il metodo accetta l'elemento come argomento che deve essere spinto nell'array specificato:

Array2.push ('linuxhint');
Array2.push ("sito web");
Array2.lunghezza;

Fino a questo punto, abbiamo aggiunto due elementi nel "Array2,"Il che significa che la sua lunghezza è ora impostata su"2"Invece di zero:

Infine, useremo il "per ... loop"Per iterare sul"Array2"Elementi e visualizza i loro valori:

per (var i = 0; i <= array2.length; i++)
console.log (array2 [i]);

Produzione

Come creare array dinamico in JavaScript usando il costruttore parametrizzato

JavaScript consente anche di creare un array dinamico usando "Costruttore parametrizzato " del integrato Vettore classe. Per fare ciò, devi passare elementi come argomento al costruttore parametrizzato dell'array ().

Sintassi per creare un array dinamico in JavaScript usando il costruttore parametrizzato

var array = new Array (Element1, Element2, Element3, ...);

Qui, "vettore"È un array dinamico che comprende più elementi come"elemento1","elemento2","elementi3", e così via.

Esempio: come creare un array dinamico in JavaScript usando il costruttore parametrizzato

Ora creeremo un array dinamico chiamato "Array2"Usando il costruttore parametrizzato mentre passa l'argomento di seguito come"elementi:

var array3 = new Array ('LinuxHint', 'is', 'Number', 1, 'Websion');
console.registro (array3.lunghezza);

La lunghezza di "Array3" È "5"Come l'array comprende cinque elementi:

Successivamente, itereremo attraverso gli elementi di "Array3"E stampa i loro valori sulla finestra della console:

per (var i = 0; i <= array3.length; i++)
console.log (array3 [i]);

Produzione

Abbiamo compilato tre diversi metodi per la creazione di array dinamici in JavaScript. Puoi usarne uno in base alle tue esigenze.

Conclusione

Usando Array Letterale, Costruttore predefinito di array, E Costruttore parametrizzato, puoi Crea array dinamico In JavaScript. Gli array JavaScript sono dinamico in natura, il che implica che la loro lunghezza può essere cambiata al momento dell'esecuzione. Ti consentono anche di aggiungere o rimuovere elementi in fase di esecuzione e quindi aggiornare automaticamente le loro dimensioni dopo l'esecuzione delle operazioni specificate. Questo articolo ha discusso della procedura per creare array dinamici in JavaScript.