Metodi di array JavaScript

Il potere degli array JavaScript è nascosto nei metodi degli array.

Converti un array in una stringa

Metodo JavaScript toString() Converti un array in una stringa di valori di array (separati da virgola).

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Risultato

Banana,Arancia,Mela,Mango

Prova tu stesso

join() Il metodo può anche combinare tutti gli elementi dell'array in una stringa.

Il suo comportamento è simile a toString(), ma puoi specificare il separatore:

Esempio

var fruits = ["Banana", "Arancia","Mela", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Risultato

Banana * Arancia * Mela * Mango

Prova tu stesso

Espulsione e Inserimento

Quando si gestisce un array, è semplice eliminare elementi e aggiungere nuovi elementi.

Espulsione e Inserimento significano:

Elimina da un arrayEspulsioneProgetto, o aggiungi a un arrayInserimentoProgetto.

Espulsione

pop() Il metodo elimina l'ultimo elemento dall'array:

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Elimina l'ultimo elemento da fruits ("Mango")

Prova tu stesso

pop() Il metodo restituisce il valore "espulso":

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // Il valore di x è "Mango"

Prova tu stesso

Incoraggiamento

push() Il metodo aggiunge un nuovo elemento alla fine dell'array:

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       // Aggiungi un nuovo elemento a fruits

Prova tu stesso

push() Il metodo restituisce la lunghezza del nuovo array:

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   // Il valore di x è 5

Prova tu stesso

Spostamento degli elementi

Il spostamento è equivalente all'eliminazione, ma si gestisce l'elemento iniziale invece dell'ultimo.

shift() Il metodo elimina l'elemento iniziale e sposta tutti gli altri elementi a indici inferiori.

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Elimina l'elemento iniziale "Banana" da fruits

Prova tu stesso

shift() Il metodo restituisce la stringa "spostata" fuori

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // Restituisce "Banana"

Prova tu stesso

unshift() Il metodo (all'inizio) aggiunge nuovi elementi all'array e "sposta" i vecchi elementi in senso inverso:

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Aggiungi l'elemento nuovo "Lemon" all'inizio di fruits

Prova tu stesso

unshift() Il metodo restituisce la lunghezza del nuovo array.

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Restituisce 5

Prova tu stesso

modificare l'elemento

usando i loronumero di posizioneper accedere agli elementi dell'array:

arrayindice (indice)partendo da 0. [0] è l'elemento primo dell'array, [1] è il secondo, [2] è il terzo ...

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Cambia il primo elemento di fruits in "Kiwi"

Prova tu stesso

length l'attributo length fornisce un metodo semplice per aggiungere nuovi elementi all'array:

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Aggiungi "Kiwi" alla fine di fruits

Prova tu stesso

eliminare elementi

poiché gli array JavaScript sono oggetti, i loro elementi possono essere eliminati utilizzando JavaScript delete l'operatore pereliminare:

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Cambia il primo elemento di fruits in undefined

Prova tu stesso

Usare delete lasceranno vuoti non definiti nell'array. Utilizzare pop() o shift() al loro posto.

Concatenare array

splice() Il metodo può essere utilizzato per aggiungere nuovi elementi all'array:

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Prova tu stesso

Il primo parametro (2) definisce la posizione in cui devono essere aggiunti i nuovi elementi (concatenazione).

Il secondo parametro (0) definisce quanti elementi devono essere eliminati.

Altri parametri ("Lemon", "Kiwi") definiscono gli elementi nuovi da aggiungere.

splice() Il metodo restituisce un array contenente gli elementi eliminati:

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Prova tu stesso

Usare splice() per eliminare elementi

Con una configurazione di parametri intelligente, è possibile utilizzare splice() Rimuovere un elemento senza lasciare vuoti nell'array:

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Elimina il primo elemento da fruits

Prova tu stesso

Il primo parametro (0) definisce dove dovrebbe essere aggiunto il nuovo elementoAggiungereposizione (accesso).

Il secondo parametro (1) definisce ilEliminare piùelementi.

Il resto dei parametri è omesso. Non verranno aggiunti nuovi elementi.

Unire (concatenare) array

concat() Il metodo crea un nuovo array unendo (concatenando) gli array esistenti:

Esempio (unire due array)

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // Unisce myGirls e myBoys

Prova tu stesso

concat() Il metodo non modifica l'array esistente. Torna sempre un nuovo array.

concat() Il metodo può utilizzare una quantità illimitata di parametri array:

Esempio (unire tre array)

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // Unisce arr1, arr2 e arr3

Prova tu stesso

concat() Il metodo può anche accettare valori come parametri:

Esempio (unire array e valori)

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

Prova tu stesso

Tagliare l'array

slice() Il metodo crea un nuovo array usando una parte dell'array.

In questo esempio, partirà dall'elemento 1 ("Orange") dell'array e taglierà una parte dell'array:

Esempio

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

Prova tu stesso

slice() Il metodo crea un nuovo array. Non rimuove alcun elemento dall'array originale.

In questo esempio, partirà dall'elemento 3 ("Apple") dell'array e taglierà una parte dell'array:

Esempio

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

Prova tu stesso

slice() Accetta due parametri, ad esempio (1, 3).

Questo metodo seleziona gli elementi dall'inizio del parametro fino al parametro di fine (escluso).

Esempio

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

Prova tu stesso

se il parametro di fine è omesso, come nell'esempio primo, allora slice() taglierà la parte rimanente dell'array.

Esempio

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

Prova tu stesso

toString() automatica

Se hai bisogno dei valori originali, JavaScript convertirà automaticamente l'array in una stringa. Ecco due esempi che produrranno lo stesso risultato:

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Prova tu stesso

Esempio

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

Prova tu stesso

Tutti gli oggetti JavaScript hanno toString() Metodo.

Ordinamento degli array

Impareremo la sortizione degli array nel prossimo capitolo~.

Ricerca del valore massimo e minimo negli array

Non ci sono funzioni native di ricerca del valore massimo e minimo negli array JavaScript.

Imparerai come risolvere questo problema nel prossimo capitolo di questo tutorial.

Guida completa degli array

Per una guida completa, visitate la nostra Manuale di riferimento Array JavaScript.

Questo manuale di riferimento contiene descrizioni e esempi di tutte le proprietà e metodi degli array.