Metodi di array JavaScript
Conversione di array in stringhe
Il metodo JavaScript toString()converte una matrice in una stringa di valori di matrice (separati da virgole).
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Risultato:
Il join()metodo unisce anche tutti gli elementi dell'array in una stringa.
Si comporta proprio come toString(), ma in aggiunta puoi specificare il separatore:
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Risultato:
Schioccare e spingere
Quando si lavora con gli array, è facile rimuovere elementi e aggiungere nuovi elementi.
Ecco cos'è il popping e push:
Estrarre elementi da un array o inserire elementi in un array.
Matrice JavaScript pop()
Il pop()metodo rimuove l'ultimo elemento da un array:
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
Il pop()metodo restituisce il valore che è stato "estratto":
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();
Matrice JavaScript push()
Il push()metodo aggiunge un nuovo elemento a un array (alla fine):
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
Il push()metodo restituisce la nuova lunghezza dell'array:
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");
Elementi mobili
Lo spostamento equivale a scoppiare, ma lavorare sul primo elemento anziché sull'ultimo.
JavaScript Array shift()
Il shift()metodo rimuove il primo elemento dell'array e "sposta" tutti gli altri elementi su un indice inferiore.
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
Il shift()metodo restituisce il valore che è stato "spostato":
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();
JavaScript Array unshift()
Il unshift()metodo aggiunge un nuovo elemento a un array (all'inizio) e "rimuove" gli elementi precedenti:
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Il unshift()metodo restituisce la nuova lunghezza dell'array.
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Elementi che cambiano
Gli elementi dell'array sono accessibili utilizzando il loro numero di indice :
Gli indici di array iniziano con 0:
[0] è il primo elemento dell'array
[1] è il secondo
[2] è il terzo ...
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
JavaScript Lunghezza della matrice
La lengthproprietà fornisce un modo semplice per aggiungere un nuovo elemento a un array:
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
Array JavaScript delete()
Avvertimento !
Gli elementi dell'array possono essere eliminati utilizzando l'operatore JavaScript delete.
Usare i buchi delle deletefoglie undefinednell'array.
Usa invece pop() o shift().
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
Unione (concatenazione) di array
Il concat()metodo crea un nuovo array unendo (concatenando) gli array esistenti:
Esempio (unione di due array)
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);
Il concat()metodo non modifica gli array esistenti. Restituisce sempre un nuovo array.
Il concat()metodo può accettare un numero qualsiasi di argomenti dell'array:
Esempio (unione di tre array)
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);
Il concat()metodo può anche accettare stringhe come argomenti:
Esempio (unione di una matrice con valori)
const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");
Matrici di giunzione e affettatura
Il splice()metodo aggiunge nuovi elementi a una matrice.
Il slice()metodo taglia un pezzo di un array.
JavaScript Array splice()
Il splice()metodo può essere utilizzato per aggiungere nuovi elementi a un array:
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
Il primo parametro (2) definisce la posizione in cui devono essere aggiunti nuovi elementi (spliced).
Il secondo parametro (0) definisce quanti elementi devono essere rimossi .
Il resto dei parametri ("Limone", "Kiwi") definisce i nuovi elementi da aggiungere .
Il splice()metodo restituisce un array con gli elementi eliminati:
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
Utilizzo di splice() per rimuovere elementi
Con un'impostazione intelligente dei parametri, puoi utilizzare splice()per rimuovere elementi senza lasciare "buchi" nell'array:
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
Il primo parametro (0) definisce la posizione in cui devono essere aggiunti nuovi elementi (uniti).
Il secondo parametro (1) definisce quanti elementi devono essere rimossi .
Il resto dei parametri viene omesso. Non verranno aggiunti nuovi elementi.
fetta matrice JavaScript()
Il slice()metodo taglia un pezzo di un array in un nuovo array.
Questo esempio taglia una parte di un array a partire dall'elemento dell'array 1 ("Arancione"):
Esempio
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
Nota
Il slice()metodo crea un nuovo array.
Il slice()metodo non rimuove alcun elemento dall'array di origine.
Questo esempio taglia una parte di un array a partire dall'elemento dell'array 3 ("Apple"):
Esempio
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
Il slice()metodo può accettare due argomenti come slice(1, 3).
Il metodo seleziona quindi gli elementi dall'argomento iniziale e fino a (ma escluso) l'argomento finale.
Esempio
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
Se l'argomento end viene omesso, come nei primi esempi, il slice()
metodo taglia il resto dell'array.
Esempio
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
Automatico toString()
JavaScript converte automaticamente un array in una stringa separata da virgole quando è previsto un valore primitivo.
Questo è sempre il caso quando si tenta di generare un array.
Questi due esempi produrranno lo stesso risultato:
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Esempio
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Nota
Tutti gli oggetti JavaScript hanno un metodo toString().
Trovare valori massimi e minimi in una matrice
Non ci sono funzioni integrate per trovare il valore più alto o più basso in un array JavaScript.
Imparerai come risolvere questo problema nel prossimo capitolo di questo tutorial.
Matrici di ordinamento
L'ordinamento degli array è trattato nel prossimo capitolo di questo tutorial.
Riferimento completo all'array
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.