Metodi di array JavaScript

JavaScript ha molti metodi integrati utili per gestire gli array.

I metodi che modificano l'array originale sono chiamatimetodo mutatore (modificatore).

che restituisce un nuovo valore o una nuova forma di rappresentazionemetodochiamatoaccessor (Accessore) metodo.

Converti l'array in una stringa

toString()I metodi dell'array convertono l'array in una stringa di valori di array (separati da virgole).

var months = ["Jan", "Feb", "Mar", "Apr", "May"];
document.getElementById("result").innerHTML = months.toString();

join()I metodi dell'array possono anche convertire tutti gli elementi dell'array in una nuova stringa.

Il comportamento di questo metodo è simile atoString()Ma puoi anche specificare il separatore per il metodo join.

var fruits = ["Banana", "Apple", "Mango"];
fruits.join("　+　"); // Banana + Apple + Mango
fruits.join("　/　"); // Banana / Apple / Mango
fruits.join("　©　"); // Banana © Apple © Mango

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

Metodo push() - Aggiungi elementi all'array

push()Il metodo dell'array aggiunge uno o più nuovi elementi alla fine dell'array.

var fruits = ['Banana', 'Mango', 'Apple'];
fruits.push("Strawberry");

push()Il metodo restituisce la nuova lunghezza dell'array.

Il codice seguente aggiunge tre elementi all'array. La variabile totale contiene la nuova lunghezza dell'array:

var fruits = ['Banana', 'Mango', 'Apple'];
var total = fruits.push('Strawberry', 'Lychee', 'Guava');

unshift()Il metodo dell'array aggiunge uno o più nuovi elementi all'inizio dell'array.

var fruits = ['Banana', 'Mango', 'Apple'];
fruits.unshift('Strawberry');

Ilunshift()Il metodo ha lo scopo: restituire la nuova lunghezza dell'array.

Il codice seguente aggiunge tre elementi all'array. La variabile totale contiene la nuova lunghezza dell'array:

var fruits = ['Banana', 'Mango', 'Apple'];
var total = fruits.unshift('Strawberry', 'Lychee', 'Guava');

pop() metodo - eliminare elementi dell'array

pop()Il metodo ha lo scopo: eliminare l'ultimo elemento dell'array.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
fruits.pop();

pop()Il metodo restituisce il valore 'popped out (popolato)'.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
var x = fruits.pop();

shift()Il metodo dell'array elimina l'elemento iniziale dell'array.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
fruits.shift();

shift()Il metodo restituisce l'elemento 'spostato (shifted out)'.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
var x = fruits.shift();

splice() metodo - aggiungere e modificare l'array

splice()Il metodo modifica l'array eliminando elementi esistenti e (o) aggiungendo nuovi elementi.

var months = ['Jan', 'Mar', 'Apr', 'Jun'];
months.splice(1, 0, 'Feb'); // aggiungere 'Feb' all'indice 1

Il primo parametro (1）Definire la posizione in cui aggiungere (unire) l'elemento nuovo.

Il secondo parametro (0）Definire il numero di elementi da eliminare.

Il terzo parametro ('Feb'）Definire l'elemento nuovo da aggiungere.

Nell'esempio seguente, sostituirò 1 elemento all'indice 4:

var months = ['Jan', 'Feb', 'Mar', 'Apr', 'Jun'];
months.splice(4, 1, 'May'); // sostituisci 'Jun' con 'May' all'indice 4

Nell'esempio seguente, elimineremo 1 elemento dall'indice 3:

var months = ['Jan', 'Feb', 'Mar', 'Apr', 'Jun'];
months.splice(3, 1);

Nell'esempio seguente, elimineremo 2 elementi a partire dall'indice 2:

var months = ['Jan', 'Feb', 'Mar', 'Apr', 'Jun'];
months.splice(2, 2);

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

var months = ['Jan', 'Feb', 'Mar', 'Apr', 'Jun'];
var arr = months.splice(2, 2);

Attenzionesplice()Non confondere conslice()Confusione degli accessori dell'array, l'accessor array è un accessor array che copia una parte dell'array.

Modifica dell'elemento dell'array

Utilizzando l'operatore di assegnazione, possiamo sovrascrivere qualsiasi valore nell'array.

let fruits = ["Apple", "Mango", "Banana", "Orange"];
fruits[0] = "Monkey";

concat() metodo - Combinazione dell'array

concat()Il metodo dell'array viene utilizzato per combinare due o più array in modo da formare un nuovo array.

Nell'esempio seguente, creeremo due array e li combineremo in un nuovo array:

var fruits = ["Apple", "Mango", "Banana"];
var numbers = [5, 10, 12, 98, 3];
var arr = fruits.concat(numbers);

concat()Il metodo può accettare più parametri, è possibile utilizzare un singolo metodo per connettere più array in modo efficace.

var num1 = [1, 2, 3];
var num2 = [4, 5, 6];
var num3 = [7, 8, 9];
var nums = num1.concat(num2, num3);

slice() metodo - Taglio dell'array

slice()Il metodo dell'array copia una parte dell'array in un nuovo array.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
var extract = fruits.slice(1, 3); // return Mango, Apple

Il primo parametro (1）definisce la posizione di estrazione iniziale.

Il secondo parametro (3）definisce la posizione di estrazione finale.

Se si omette il secondo parametro, ilslice()Il metodo taglierà il resto dell'array.

Nell'esempio seguente, estrarremo gli elementi senza utilizzare il secondo parametro:

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
var extract = fruits.slice(1); // return Mango, Apple, Orange

Nell'esempio seguente, utilizzeremo valori negativi per estrarre elementi dell'array:

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
var extract = fruits.slice(-3, -1); // return Mango, Apple

Cerca un elemento nell'array

indexOf()Il metodo dell'array restituisce l'indice della prima occorrenza dell'elemento specificato nell'array.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
fruits.indexOf('Apple'); // restituisce 2

Attenzione:L'indice del primo elemento è 0, l'indice del secondo elemento è 1, e così via.

Se il parametro fornito non esiste nell'array, restituirà-1.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
fruits.indexOf('Beer'); // restituisce -1

lastIndexOf()Il metodo dell'array restituisce l'ultimo indice trovato dell'elemento dato nell'array.

Possiamo testare lo stesso esempio di indexOf() che contiene due 'Apple'.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange', 'Apple'];
fruits.lastIndexOf('Apple'); // restituisce 4

Nota:lastIndexOf()Cercera' dall'estremità dell'array e restituirà l'indice del primo elemento trovato.

Se il parametro fornito non esiste nell'array, restituirà-1.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange', 'Apple'];
fruits.lastIndexOf('Beer'); // restituisce -1

Metodo fill()

fill()Il metodo dell'array sostituisce tutti gli elementi dell'array con un valore statico.

var nums = [1, 2, 3, 4];
nums.fill(17);

Tutti e quattro gli elementi dell'array sono stati sostituiti con lo stesso valore 17.

fill()Accetta anche opzionali parametri di partenza e fine.

Dal posizione 2 alla posizione 4 riempie di 0 (escluso 4):

var nums = [1, 2, 3, 4];
nums.fill(0, 2, 4);

Usafill()Può sostituire uno o più elementi dell'array con valori statici.

Ordinamento array e inversione array

reverse()Il metodo dell'array può invertire l'ordine degli elementi dell'array.

var nums = [10, 20, 30, 40, 50];
nums.reverse();

Usareverse()Dopo di che, l'ultimo elemento sara' il primo e il primo elemento sara' l'ultimo.

sort()Il metodo dell'array ordina gli elementi dell'array in base al primo carattere. In caso di caratteri identici, continua a confrontare il carattere successivo, e così via.

Per default,sort()Tutti gli array di stringhe maiuscole o minuscole saranno ordinati in ordine alfabetico.

var months = ['Marzo', 'Gennaio', 'Febbraio', 'Dicembre'];
months.sort();

Poichésort()Sulla base del primo carattere unicode, quindi ordinera' prima gli elementi maiuscoli e poi quelli minuscoli.

Modifichiamo l'array originale in modo che uno dei nostri stringhe inizi con una lettera minuscola.

var months = ['Marzo', 'Gennaio', 'Febbraio', 'dicembre'];
months.sort();

Puoi usaresort()Il metodo ordina i numeri.

var nums = [5, 1, 2, 7, 3, 6, 4];
nums.sort();

sort()Non ordina l'array di numeri per dimensione. Invece, controlla solo il primo carattere dei numeri.

var nums = [5, 1, 2, 17, 13, 6, 34];
nums.sort();

Per ordinare correttamente i numeri, è possibile creare una funzione di confronto come parametro.

var nums = [5, 1, 2, 17, 13, 6, 34];
nums.sort(function(a, b) {return a - b});

Se si desidera ordinare nuovamente i numeri, è possibile creare una funzione separata.

var nums = [5, 1, 2, 17, 13, 6, 34];
nums.sort(sortNumerically);
// Funzione per ordinare i numeri per dimensione
var sortNumerically = (a, b) => {
　　return a - b;
}

Riferimento completo degli array

Per una guida completa sulle proprietà e le modalità, visitare il nostroManuale di riferimento dell'Array JavaScript.

La parte di riferimento contiene una descrizione e un esempio di tutte le proprietà e le modalità degli array.