Metodi principali degli array

7.1 Metodo splice()

Gli array in JavaScript offrono metodi integrati per manipolare i dati. In questa lezione, esamineremo quattro metodi principali degli array: splice(), slice(), concat() e indexOf(). Ognuno di questi metodi esegue specifiche operazioni sugli array e può semplificare notevolmente il trattamento dei dati.

Il metodo splice() modifica il contenuto di un array, rimuovendo elementi esistenti e/o aggiungendo nuovi elementi al loro posto.

Sintassi:

    
      
       
   
       
   
       
   
     splice 
   (start, deleteCount, item1, item2, ...);
    
  

Dove:

• start: indice da cui iniziare le modifiche
• deleteCount: numero di elementi da rimuovere. Se non specificato, vengono rimossi tutti gli elementi a partire dalla posizione start
• item1, item2, ...: elementi da aggiungere all'array. Se non specificato, non vengono aggiunti elementi

Esempio 1: Rimozione di elementi

In questo esempio, due elementi vengono rimossi dall'array fruits, a partire dall'indice 2. Il valore restituito è un array degli elementi rimossi.

    
      let fruits = ['apple', 'banana', 'cherry', 'date', 'fig'];
      let removed = fruits.splice(2, 2);

      console.log(fruits);   // Restituisce: ['apple', 'banana', 'fig']
      console.log(removed);  // Restituisce: ['cherry', 'date']
    
  

Esempio 2: Aggiunta di elementi

In questo esempio, due nuovi elementi (date e fig) vengono aggiunti all'array fruits, partendo dall'indice 2. Nessun elemento viene rimosso.

    
      let fruits = ['apple', 'banana', 'cherry'];
      fruits.splice(2, 0, 'date', 'fig');

      console.log(fruits);   // Restituisce: ['apple', 'banana', 'date', 'fig', 'cherry']
    
  

Esempio 3: Sostituzione di elementi

In questo esempio, l'elemento all'indice 1 (banana) viene sostituito con due nuovi elementi (date e fig).

    
      let fruits = ['apple', 'banana', 'cherry'];
      fruits.splice(1, 1, 'date', 'fig');

      console.log(fruits);   // Restituisce: ['apple', 'date', 'fig', 'cherry']
    
  

7.2 Metodo slice()

Il metodo slice() restituisce un nuovo array, contenente una copia di una parte dell'array originale. L'array originale non viene modificato.

Sintassi:

    
      array.slice(begin, end);
    
  

Dove:

• begin: indice da cui iniziare a copiare
• end: indice fino a cui copiare (non incluso l'elemento con questo indice). Se non specificato, vengono copiati tutti gli elementi fino alla fine dell'array

Esempio 1: Copia di una parte dell'array

In questo esempio viene creato un nuovo array contenente gli elementi con indici da 1 a 2 dell'array fruits.

    
      let fruits = ['apple', 'banana', 'cherry', 'date', 'fig'];
      let sliced = fruits.slice(1, 3);

      console.log(sliced);   // Restituisce: ['banana', 'cherry']
    
  

Esempio 2: Copia dall'inizio dell'array

In questo esempio viene creato un nuovo array contenente gli elementi con indici 0 e 1 dell'array fruits.

    
      let fruits = ['apple', 'banana', 'cherry'];
      let sliced = fruits.slice(0, 2);

      console.log(sliced);   // Restituisce: ['apple', 'banana']
    
  

Esempio 3: Copia fino alla fine dell'array

In questo esempio viene creato un nuovo array contenente gli elementi dall'indice 1 fino alla fine dell'array fruits.

    
      let fruits = ['apple', 'banana', 'cherry'];
      let sliced = fruits.slice(1);

      console.log(sliced);   // Restituisce: ['banana', 'cherry']
    
  

7.3 Metodo concat()

Il metodo concat() è usato per unire due o più array. Restituisce un nuovo array contenente gli elementi di tutti gli array uniti.

Sintassi:

    
      array1.concat(array2, array3, ...);
    
  

Dove:

• array1, array2, array3, ...: gli array da unire

Esempio 1: Unione di due array

In questo esempio, gli array fruits1 e fruits2 vengono uniti in un nuovo array combined.

    
      let fruits1 = ['apple', 'banana'];
      let fruits2 = ['cherry', 'date'];
      let combined = fruits1.concat(fruits2);

      console.log(combined); // Restituisce: ['apple', 'banana', 'cherry', 'date']
    
  

Esempio 2: Unione di più array

In questo esempio, tre array vengono uniti in un nuovo array combined.

    
      let fruits1 = ['apple', 'banana'];
      let fruits2 = ['cherry', 'date'];
      let fruits3 = ['fig', 'grape'];
      let combined = fruits1.concat(fruits2, fruits3);

      console.log(combined); // Restituisce: ['apple', 'banana', 'cherry', 'date', 'fig', 'grape']
    
  

Esempio 3: Unione di un array con elementi

In questo esempio, gli elementi cherry e date vengono aggiunti all'array fruits, creando un nuovo array moreFruits.

    
      let fruits = ['apple', 'banana'];
      let moreFruits = fruits.concat('cherry', 'date');

      console.log(moreFruits); // Restituisce: ['apple', 'banana', 'cherry', 'date']
    
  

7.4 Metodo indexOf()

Il metodo indexOf() restituisce il primo indice in cui un dato elemento può essere trovato nell'array, o -1 se l'elemento non è presente.

Sintassi:

    
      array.indexOf(searchElement, fromIndex);
    
  

Dove:

• searchElement: l'elemento da trovare
• fromIndex: l'indice da cui iniziare la ricerca. Se non specificato, la ricerca inizia dall'inizio dell'array

Esempio 1: Ricerca di un elemento nell'array

In questo esempio, il metodo indexOf() restituisce l'indice dell'elemento banana nell'array fruits.

    
      let fruits = ['apple', 'banana', 'cherry'];
      let index = fruits.indexOf('banana');

      console.log(index); // Restituisce: 1
    
  

Esempio 2: Elemento non trovato

In questo esempio, il metodo indexOf() restituisce -1 poiché l'elemento date non è presente nell'array fruits.

    
      let fruits = ['apple', 'banana', 'cherry'];
      let index = fruits.indexOf('date');

      console.log(index); // Restituisce: -1
    
  

Esempio 3: Ricerca di un elemento da un indice specifico

In questo esempio, il metodo indexOf() avvia la ricerca dell'elemento banana dall'indice 2 e lo trova all'indice 3.

    
      let fruits = ['apple', 'banana', 'cherry', 'banana'];
      let index = fruits.indexOf('banana', 2);

      console.log(index); // Restituisce: 3