logo

Array di TypeScript

Un array è una raccolta omogenea di tipi simili di elementi che hanno una posizione di memoria contigua.

Un array è un tipo di dati definito dall'utente.

Un array è un tipo di struttura dati in cui memorizziamo gli elementi di un tipo di dati simile. In un array possiamo memorizzare solo un insieme fisso di elementi. Possiamo usarlo anche come oggetto.

L'array è un'archiviazione basata su indice, in cui il primo elemento è memorizzato nell'indice 0. La struttura seguente aiuta a comprendere la struttura di un array.

Array di TypeScript

Caratteristiche di un array

  1. Un array memorizza elementi che hanno lo stesso tipo di dati.
  2. Elementi dell'array archiviati in posizioni di memoria contigue.
  3. La memorizzazione degli elementi dell'array 2D viene eseguita riga per riga in una posizione di memoria contigua.
  4. Il nome dell'array rappresenta l'indirizzo dell'elemento iniziale.
  5. La dimensione di un array dovrebbe essere inizializzata al momento della dichiarazione.
  6. La dimensione dell'array deve essere un'espressione costante e non una variabile.
  7. Possiamo recuperare gli elementi dell'array specificando il valore dell'indice corrispondente dell'elemento.

Vantaggio

Ottimizzazione del codice: Un array aiuta a ottimizzare il codice, aumentando la velocità e le prestazioni del programma. Ci consente di recuperare o ordinare i dati dell'array in modo più efficiente.

Accesso casuale: Fornisce la possibilità di accedere a qualsiasi dato di un array in tempo costante (indipendentemente dalla sua posizione e dimensione). Pertanto, possiamo ottenere direttamente qualsiasi dato di un array situato in qualsiasi posizione dell'indice.

Svantaggio

Limite di dimensione: Un array ci consente di memorizzare solo il numero fisso di elementi. Una volta dichiarato l'array, non possiamo alterarne la dimensione. Quindi, se vogliamo inserire più elementi di quelli dichiarati, non è possibile.

Dichiarazione di matrice

Proprio come JavaScript, TypeScript supporta anche gli array. Esistono due modi per dichiarare un array:

1. Utilizzo delle parentesi quadre.

 let array_name[:datatype] = [val1,val2,valn..] 

Esempio:

 let fruits: string[] = ['Apple', 'Orange', 'Banana']; 

2. Utilizzando un tipo di array generico.

come dereferenziare un puntatore in c
 let array_name: Array = [val1,val2,valn..] 

Esempio:

 let fruits: Array = ['Apple', 'Orange', 'Banana']; 

Tipi dell'array in TypeScript

Esistono due tipi di array:

  1. Array monodimensionale
  2. Array multidimensionale
Array di TypeScript

Array monodimensionale

Un array unidimensionale è un tipo di array lineare, che contiene solo una riga per la memorizzazione dei dati. Ha un unico insieme di parentesi quadre ('[]'). Possiamo accedere ai suoi elementi utilizzando l'indice di riga o di colonna.

Sintassi

 let array_name[:datatype]; 

Inizializzazione

 array_name = [val1,val2,valn..] 

Esempio

 let arr:number[]; arr = [1, 2, 3, 4] console.log('Array[0]: ' +arr[0]); console.log('Array[1]: ' +arr[1]); 

Produzione:

 Array[0]: 1 Array[1]: 2 

Array multidimensionale

Un array multidimensionale è un array che contiene uno o più array. Nell'array multidimensionale, i dati vengono archiviati in un indice basato su righe e colonne (noto anche come formato a matrice). Un array bidimensionale (array 2D) è la forma più semplice di un array multidimensionale.

Array di TypeScript

Sintassi

 let arr_name:datatype[][] = [ [a1,a2,a3], [b1,b2,b3] ]; 

Inizializzazione

 let arr_name:datatype[initial_array_index][referenced_array_index] = [ [val1,val2,val 3], [v1,v2,v3]]; 

Esempio

 var mArray:number[][] = [[1,2,3],[5,6,7]] ; console.log(mArray[0][0]); console.log(mArray[0][1]); console.log(mArray[0][2]); console.log(); console.log(mArray[1][0]); console.log(mArray[1][1]); console.log(mArray[1][2]); 

Produzione:

 1 2 3 5 6 7 

Oggetto matrice

Gli oggetti array ci consentono di memorizzare più valori in una singola variabile. Possiamo creare un array utilizzando l'oggetto Array. Il costruttore Array viene utilizzato per passare i seguenti argomenti per la creazione dell'array.

  • Un valore numerico che rappresenta la dimensione di un array o
  • Un elenco di valori separati da virgole.

Sintassi

 let arr_name:datatype[] = new Array(values); 

Esempio

 //array by using the Array object. let arr:string[] = new Array(&apos;JavaTpoint&apos;,&apos;2200&apos;,&apos;Java&apos;,&apos;Abhishek&apos;); for(var i = 0;i <arr.length;i++) { console.log(arr[i]); } < pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2200 Java Abhishek </pre> <h3>Array Traversal by using a for...in loop</h3> <p> <strong>Example</strong> </p> <pre> let i:any; let arr:string[] = [&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;]; for(i in arr) { console.log(arr[i]) } </pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2300 Java Abhishek </pre> <h3>Passing Arrays to Functions</h3> <p>We can pass arrays to functions by specifying the array name without an index.</p> <p> <strong>Example</strong> </p> <pre> let arr:string[] = new Array(&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;); //Passing arrays in function function display(arr_values:string[]) { for(let i = 0;i <arr_values.length;i++) { console.log(arr[i]); } calling arrays in function display(arr); < pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2300 Java Abhishek </pre> <hr> <h2>TypeScript Spread operator</h2> <p>The spread operator is used to initialize arrays and objects from another array or object. We can also use it for object de-structuring. It is a part of the ES 6 version.</p> <p> <strong>Example</strong> </p> <pre> let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log(&apos;CopiedArray: &apos; +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log(&apos;NewArray: &apos; +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log(&apos;MergedArray: &apos; +mergedArray); </pre> <p> <strong>Output:</strong> </p> <pre> CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6 </pre> <hr> <h2>Array Methods</h2> <p>The list of array methods with their description is given below.</p> <table class="table"> <tr> <th>SN</th> <th>Method</th> <th>Description</th> </tr> <tr> <td>1.</td> <td>concat()</td> <td>It is used to joins two arrays and returns the combined result.</td> </tr> <tr> <td>2.</td> <td>copyWithin()</td> <td>It copies a sequence of an element within the array.</td> </tr> <tr> <td>3.</td> <td>every()</td> <td>It returns true if every element in the array satisfies the provided testing function.</td> </tr> <tr> <td>4.</td> <td>fill()</td> <td>It fills an array with a static value from the specified start to end index.</td> </tr> <tr> <td>5.</td> <td>indexOf()</td> <td>It returns the index of the matching element in the array, otherwise -1.</td> </tr> <tr> <td>6.</td> <td>includes()</td> <td>It is used to check whether the array contains a certain element or not.</td> </tr> <tr> <td>7.</td> <td>Join()</td> <td>It is used to joins all elements of an array into a string.</td> </tr> <tr> <td>8.</td> <td>lastIndexOf()</td> <td>It returns the last index of an element in the array.</td> </tr> <tr> <td>9.</td> <td>Pop()</td> <td>It is used to removes the last elements of the array.</td> </tr> <tr> <td>10.</td> <td>Push()</td> <td>It is used to add new elements to the array.</td> </tr> <tr> <td>11.</td> <td>reverse()</td> <td>It is used to reverse the order of an element in the array.</td> </tr> <tr> <td>12.</td> <td>Shift()</td> <td>It is used to removes and returns the first element of an array.</td> </tr> <tr> <td>13.</td> <td>slice()</td> <td>It returns the section fo an array in the new array.</td> </tr> <tr> <td>14.</td> <td>sort()</td> <td>It is used to sort the elements of an array.</td> </tr> <tr> <td>15.</td> <td>splice()</td> <td>It is used to add or remove the elements from an array.</td> </tr> <tr> <td>16.</td> <td>toString()</td> <td>It returns the string representation of an array.</td> </tr> <tr> <td>17.</td> <td>unshift()</td> <td>It is used to add one or more elements to the beginning of an array.</td> </tr> </table></arr_values.length;i++)></pre></arr.length;i++)>

Attraversamento degli array utilizzando un ciclo for...in

Esempio

 let i:any; let arr:string[] = [&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;]; for(i in arr) { console.log(arr[i]) } 

Produzione:

 JavaTpoint 2300 Java Abhishek 

Passaggio di array alle funzioni

Possiamo passare gli array alle funzioni specificando il nome dell'array senza indice.

Esempio

stringa all'oggetto json
 let arr:string[] = new Array(&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;); //Passing arrays in function function display(arr_values:string[]) { for(let i = 0;i <arr_values.length;i++) { console.log(arr[i]); } calling arrays in function display(arr); < pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2300 Java Abhishek </pre> <hr> <h2>TypeScript Spread operator</h2> <p>The spread operator is used to initialize arrays and objects from another array or object. We can also use it for object de-structuring. It is a part of the ES 6 version.</p> <p> <strong>Example</strong> </p> <pre> let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log(&apos;CopiedArray: &apos; +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log(&apos;NewArray: &apos; +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log(&apos;MergedArray: &apos; +mergedArray); </pre> <p> <strong>Output:</strong> </p> <pre> CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6 </pre> <hr> <h2>Array Methods</h2> <p>The list of array methods with their description is given below.</p> <table class="table"> <tr> <th>SN</th> <th>Method</th> <th>Description</th> </tr> <tr> <td>1.</td> <td>concat()</td> <td>It is used to joins two arrays and returns the combined result.</td> </tr> <tr> <td>2.</td> <td>copyWithin()</td> <td>It copies a sequence of an element within the array.</td> </tr> <tr> <td>3.</td> <td>every()</td> <td>It returns true if every element in the array satisfies the provided testing function.</td> </tr> <tr> <td>4.</td> <td>fill()</td> <td>It fills an array with a static value from the specified start to end index.</td> </tr> <tr> <td>5.</td> <td>indexOf()</td> <td>It returns the index of the matching element in the array, otherwise -1.</td> </tr> <tr> <td>6.</td> <td>includes()</td> <td>It is used to check whether the array contains a certain element or not.</td> </tr> <tr> <td>7.</td> <td>Join()</td> <td>It is used to joins all elements of an array into a string.</td> </tr> <tr> <td>8.</td> <td>lastIndexOf()</td> <td>It returns the last index of an element in the array.</td> </tr> <tr> <td>9.</td> <td>Pop()</td> <td>It is used to removes the last elements of the array.</td> </tr> <tr> <td>10.</td> <td>Push()</td> <td>It is used to add new elements to the array.</td> </tr> <tr> <td>11.</td> <td>reverse()</td> <td>It is used to reverse the order of an element in the array.</td> </tr> <tr> <td>12.</td> <td>Shift()</td> <td>It is used to removes and returns the first element of an array.</td> </tr> <tr> <td>13.</td> <td>slice()</td> <td>It returns the section fo an array in the new array.</td> </tr> <tr> <td>14.</td> <td>sort()</td> <td>It is used to sort the elements of an array.</td> </tr> <tr> <td>15.</td> <td>splice()</td> <td>It is used to add or remove the elements from an array.</td> </tr> <tr> <td>16.</td> <td>toString()</td> <td>It returns the string representation of an array.</td> </tr> <tr> <td>17.</td> <td>unshift()</td> <td>It is used to add one or more elements to the beginning of an array.</td> </tr> </table></arr_values.length;i++)>

Operatore di diffusione TypeScript

L'operatore di diffusione viene utilizzato per inizializzare array e oggetti da un altro array o oggetto. Possiamo anche usarlo per destrutturare oggetti. Fa parte della versione ES 6.

Esempio

 let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log(&apos;CopiedArray: &apos; +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log(&apos;NewArray: &apos; +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log(&apos;MergedArray: &apos; +mergedArray); 

Produzione:

 CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6 

Metodi di matrice

Di seguito è riportato l'elenco dei metodi di array con la relativa descrizione.

SN Metodo Descrizione
1. concat() Viene utilizzato per unire due array e restituisce il risultato combinato.
2. copiaAll'interno() Copia una sequenza di un elemento all'interno dell'array.
3. ogni() Restituisce vero se ogni elemento nell'array soddisfa la funzione di test fornita.
4. riempire() Riempie un array con un valore statico dall'indice iniziale a quello finale specificato.
5. indice di() Restituisce l'indice dell'elemento corrispondente nell'array, altrimenti -1.
6. include() Viene utilizzato per verificare se l'array contiene o meno un determinato elemento.
7. Giuntura() Viene utilizzato per unire tutti gli elementi di un array in una stringa.
8. ultimoIndiceOf() Restituisce l'ultimo indice di un elemento nell'array.
9. Pop() Viene utilizzato per rimuovere gli ultimi elementi dell'array.
10. Spingere() Viene utilizzato per aggiungere nuovi elementi all'array.
undici. inversione() Viene utilizzato per invertire l'ordine di un elemento nell'array.
12. Spostare() Viene utilizzato per rimuovere e restituire il primo elemento di un array.
13. fetta() Restituisce la sezione di un array nel nuovo array.
14. ordinare() Viene utilizzato per ordinare gli elementi di un array.
quindici. giunzione() Viene utilizzato per aggiungere o rimuovere elementi da un array.
16. accordare() Restituisce la rappresentazione di stringa di un array.
17. non spostare() Viene utilizzato per aggiungere uno o più elementi all'inizio di un array.