JavaScript Arrays Methods - Part 1

Un array è un oggetto speciale in JavaScript. Memorizza più valori in una singola variabile.

Invece di creare variabili separate per ogni studente: let student1 = "John"; let student2 = "David";

Usa un array: let students = ["John", "David", "Alex"];

Ogni valore è un elemento. Ogni elemento ha un indice che parte da 0.

• La proprietà length La proprietà length indica il numero totale di elementi. È una proprietà, non una funzione. Non usare le parentesi. Corretto: arr.length Errato: arr.length()

Puoi modificare la lunghezza per ridimensionare il tuo array.

  • Diminuire la lunghezza rimuove gli elementi dalla fine.
  • Aumentare la lunghezza crea slot vuoti.

• toString() e join() Usa toString() per trasformare un array in una stringa separata da virgole. Usa join() quando desideri un separatore personalizzato come un trattino o una barra verticale (pipe).

• Il metodo at() Questo metodo restituisce un elemento a un indice specifico. A differenza della notazione con parentesi quadre, supporta gli indici negativi. arr.at(-1) ti restituisce l'ultimo elemento.

• Il metodo pop() Questo metodo rimuove l'ultimo elemento da un array. Modifica l'array originale e restituisce l'elemento rimosso.

• Array.isArray() Usa questo metodo per verificare se un valore è un array. L'operatore typeof restituisce "object" per gli array, il che non è molto utile. Valida sempre i tuoi dati con Array.isArray() prima di eseguire un ciclo.

• delete vs concat() L'operatore delete rimuove un elemento ma lascia un buco vuoto. Non cambia la lunghezza. Il metodo concat() unisce gli array. Non modifica gli array originali, ma ne restituisce uno nuovo.

• copyWithin() Questo metodo copia una parte di un array in una nuova posizione all'interno dello stesso array. Sovrascrive gli elementi esistenti.

Riepilogo dei metodi:

  • length: Restituisce la dimensione.
  • toString(): Converte in una stringa separata da virgole.
  • join(separator): Converte in una stringa con un separatore personalizzato.
  • at(index): Ottiene l'elemento (supporta indici negativi).
  • pop(): Rimuove l'ultimo elemento.
  • isArray(): Verifica se il valore è un array.
  • concat(): Unisce gli array in un nuovo array.
  • copyWithin(): Copia gli elementi all'interno dello stesso array.

Fonte: https://www.w3schools.com/js/js_array_methods.asp Guida completa: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7