Condivisione della tecnologia

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

In JavaScript, un array è una struttura dati molto importante utilizzata per memorizzare più valori. JS fornisce molti metodi integrati per manipolare gli array, rendendo l'elaborazione dei dati più semplice ed efficiente. Questo articolo introdurrà in dettaglio alcuni metodi di array JavaScript comunemente usati. Questi non sono solo metodi comunemente usati nello sviluppo quotidiano, ma sono anche il fulcro delle interviste. Ora li esaminerò con te

1. premi() e pop()

spingere()

Il metodo push() aggiunge uno o più elementi alla fine di un array e restituisce la lunghezza del nuovo array.

let arr = [1, 2, 3];
 let newLength = arr.push(4, 5); // newLength is 5, arr is [1, 2, 3, 4, 5]

parametro: uno o più elementi da aggiungere alla fine dell'array.

valore di ritorno: la lunghezza del nuovo array.

pop()

Il metodo pop() rimuove un elemento dalla fine dell'array e restituisce quell'elemento.

let arr = [1, 2, 3, 4];
let removedElement = arr.pop(); // removedElement is 4, arr is [1, 2, 3]

parametro: nessuno.

valore di ritorno: l'elemento eliminato.

2. shift() e unshift()

spostare()

Il metodo shift() viene utilizzato per eliminare un elemento all'inizio dell'array e restituire quell'elemento.

let arr = [1, 2, 3, 4];
 
let removedElement = arr.shift(); // removedElement is 1, arr is [2, 3, 4]

parametro: nessuno.

valore di ritorno: l'elemento eliminato.

non spostare()

Il metodo unshift() aggiunge uno o più elementi all'inizio di un array e restituisce la lunghezza del nuovo array.

let arr = [2, 3, 4];
let newLength = arr.unshift(0, 1); // newLength is 5, arr is [0, 1, 2, 3, 4]

parametro: uno o più elementi da aggiungere all'inizio dell'array.

valore di ritorno: la lunghezza del nuovo array.

3. affettare() e giuntare()

fetta()

Il metodo slice() viene utilizzato per restituire un nuovo array selezionato dall'inizio alla fine (esclusivo). L'array originale non verrà modificato.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3); // newArr is [2, 3], arr is [1, 2, 3, 4, 5]

parametro:

inizio(Facoltativo): avvia l'estrazione da (e include) questo indice.

FINE(Facoltativo): termina l'estrazione prima (escluso) di questo indice.

valore di ritorno:

un nuovo array contenente from inizio arrivareFINE(escluso FINE)Elementi.

unire()

unire() I metodi vengono utilizzati per modificare il contenuto di un array rimuovendo o sostituendo elementi esistenti o aggiungendo nuovi elementi. Il valore restituito è l'elemento eliminato.

let arr = [1, 2, 3, 4, 5];
let removedElements = arr.splice(2, 2, 6, 7); // removedElements is [3, 4], arr is [1, 2, 6, 7, 5]

parametro:

inizio: Specifica la posizione iniziale della modifica.

eliminaConteggio(facoltativo): numero intero che indica il numero di elementi da rimuovere.

elemento1, elemento2, ...(facoltativo): il nuovo elemento da aggiungere all'array.

valore di ritorno: un array contenente gli elementi eliminati.

4. concat()

concat() Metodo utilizzato per unire due o più array. Questo metodo non modifica l'array esistente, ma restituisce un nuovo array.

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2, [7, 8]); // newArr is [1, 2, 3, 4, 5, 6, 7, 8]

parametro: Array o valore da unire nell'array corrente.

valore di ritorno: un nuovo array.

5. perOgni()

per ciascuno() Il metodo esegue la funzione fornita una volta per ogni elemento dell'array.

let arr = [1, 2, 3, 4];
arr.forEach((element, index) => {
  console.log(`Element at index ${index} is ${element}`);
});
// Output:
// Element at index 0 is 1
// Element at index 1 is 2
// Element at index 2 is 3
// Element at index 3 is 4

parametro: Una funzione che accetta come parametri l'elemento corrente, l'indice dell'elemento e l'array stesso.

valore di ritorno: nessuno.

6. mappa()

carta geografica() Il metodo crea un nuovo array il cui risultato è che ogni elemento nell'array è il valore restituito di una chiamata alla funzione fornita.

let arr = [1, 2, 3, 4];
let newArr = arr.map(element => element * 2); // newArr is [2, 4, 6, 8]

parametro: Una funzione che accetta come parametri l'elemento corrente, l'indice dell'elemento e l'array stesso.

valore di ritorno: un nuovo array.

7. filtro()

filtro() Il metodo crea un nuovo array contenente tutti gli elementi del test implementato dalla funzione fornita.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(element => element > 2); // newArr is [3, 4, 5]

parametro: una funzione che accetta l'elemento corrente, l'indice dell'elemento e l'array stesso come parametri e restituisce un valore booleano.

valore di ritorno: un nuovo array.

8. ridurre()

ridurre() Il metodo esegue una funzione di riduzione fornita (in ordine crescente) su ciascun elemento dell'array, riassumendone i risultati in un unico valore restituito.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); // sum is 10

parametro:riduttore Funzione che accetta un accumulatore e il valore corrente come argomenti.

valore iniziale(Facoltativo): come valore del primo parametro quando si chiama la funzione di callback per la prima volta.

valore di ritorno: Risultati accumulati.

9. trova()

Trovare() Il metodo restituisce il valore del primo elemento nell'array che soddisfa la funzione di test fornita.Altrimenti ritornonon definito。

let arr = [1, 2, 3, 4];
let foundElement = arr.find(element => element > 2); // foundElement is 3

parametro: una funzione che accetta l'elemento corrente, l'indice dell'elemento e l'array stesso come parametri e restituisce un valore booleano.

valore di ritorno: il primo valore dell'elemento che supera il test.

10. include()

include() Il metodo viene utilizzato per determinare se un array contiene un valore specificato. A seconda della situazione, verrà restituito se lo contieneVERO, altrimenti ritorna falso。

let arr = [1, 2, 3, 4];
let hasElement = arr.includes(3); // hasElement is true
let notIncluded = arr.includes(5); // notIncluded is false

parametro:

valoredatrovare: Il valore dell'elemento da trovare.

daIndice(Facoltativo): inizia la ricerca in questo indice.

valore di ritorno: valore booleano.

Imparando questi comuni metodi di array JavaScript, possiamo elaborare i dati passati dal backend in modo più efficiente e scrivere codice più conciso e leggibile. Spero che questo articolo ti aiuti!