Esplorare i Metodi degli Array di JavaScript: La Tua Guida Definitiva - Parte 2
Tags: javascript, italianjs, programming, array
Published: 2023-03-19 14:18:46


JavaScript fornisce numerosi metodi integrati per la manipolazione di array, rendendolo uno strumento versatile per la gestione dei dati. Che tu debba concatenare array, unire elementi, trovare valori specifici o ordinare gli elementi, questi metodi forniscono un modo rapido ed efficiente per trasformare i tuoi dati.

In questo articolo, copriremo 8 dei metodi più comuni utilizzati in JavaScript, tra cui **concat()**, **join()**, **indexOf()**, **slice()**, **splice()**, **find()**, **some()** e **every()**.

![Array in javascript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tdg1c0jcxny0f5zraoih.JPG)

Iniziamo!

1. **concat()**

Questo metodo crea un nuovo array composto dagli elementi d uno o più array. Non modifica gli array originali, ma restituisce uno nuovo che è la combinazione degli array originali passati come parametri.

Esempio:

```javascript
// --- Example 1---
const firstArray = [1, 2, 3]
const secondArray = [4, 5, 6]
const concatenatedArray = firstArray.concat(secondArray)
console.log(concatenatedArray) 
// Output: [1, 2, 3, 4, 5, 6]

// --- Example 2 ---
const firstArray = ['dog', 'cat']
const secondArray = ['elephant', 'zebra']
const concatenatedArray = firstArray.concat(secondArray)
console.log(concatenatedArray)
// Output: ['dog', 'cat', 'elephant', 'zebra']
```

2 **.join()**

Questo metodo unisce tutti gli elementi di un array in una stringa e restituisce la stringa come risultato finale. Di base, tutti gli elementi sono separati da una virgola, ma è possibile specificare un separatore diverso, passandolo come argomento del metodo.

Esempio:

```javascript
// --- Example 1---
const numbers = [1, 2, 3, 4, 5]
const joinedNumbers = numbers.join()
console.log(joinedNumbers) // Output: '1,2,3,4,5'

// --- Example 2 ---
const words = ['dog', 'cat', 'elephant', 'bear', 'zebra']
const joinedWords = words.join('-')
console.log(joinedWords) // Output: 'dog-cat-elephant-bear-zebra'
```

3 **.indexOf()**

Il metodo .indexOf() restituisce il primo indice in cui è possibile trovare un dato elemento nell'array, oppure -1 se il suddetto elemento non è presente.

Esempio:

```javascript
// --- Example 1---
const numbers = [1, 2, 3, 4, 5]
const indexOfThree = numbers.indexOf(3)
console.log(indexOfThree) // Output: 2

// --- Example 2 ---
const words = ['dog', 'cat', 'elephant', 'bear', 'zebra']
const indexOfElephant = words.indexOf('elephant')
console.log(indexOfElephant) // Output: 2
```

4 **.slice()**

Il metodo .slice() restituisce una copia di una porzione di un array in un nuovo oggetto array selezionato dall'inizio alla fine (fine non inclusa).

```javascript
// --- Example 1 ---
const numbers = [1, 2, 3, 4, 5]
const slicedArray = numbers.slice(2, 4)
console.log(slicedArray) // Output: [3, 4]

// --- Example 2 ---
const words = ['dog', 'cat', 'elephant', 'bear', 'zebra']
const slicedArray = words.slice(1, 3)
console.log(slicedArray) // Output: ['cat', 'elephant']
```

5 **.splice()**

Questo metodo cambia il contenuto di un array rimuovendo o aggiungendo elementi. Il primo argomento è l'indice da cui iniziare a cambiare l'array. Il secondo argomento è il numero di elementi da rimuovere.
Dal terzo argomento in poi, sono gli elementi da aggiungere.

Esempio:

```javascript
// --- Example 1---
const numbers = [1, 2, 3, 4, 5]
numbers.splice(2, 1, 6)
console.log(numbers) // Output: [1, 2, 6, 4, 5]


// --- Example 2 ---
const words = ['dog', 'cat', 'elephant', 'bear', 'zebra']
words.splice(2, 1, 'giraffe')
console.log(words)
// Output: ['dog', 'cat', 'giraffe', 'bear', 'zebra']
```


6 **.find()**
Questo metodo ritorna il valore the primo elemento dell'array che soddisfa l'argomento passato nella funzione. Altrimenti ritorna `undefined`.

Esempio: 
```javascript
// --- Example 1---
const numbers = [1, 2, 3, 4, 5]
const firstNumberGreaterThanThree = numbers.find(number => number > 3)
console.log(firstNumberGreaterThanThree) // Output: 4


// --- Example 2 ---
const words = ['dog', 'cat', 'elephant', 'bear', 'zebra']
const firstWordStartingWithE = words.find(word => word[0] === 'e')
console.log(firstWordStartingWithE) // Output: 'elephant'
```

7 **.some()**
Il metodo .some() restituisce un valore booleano che indica se almeno un elemento dell'array passa il test implementato dalla funzione fornita. 

Ecco un esempio:

```javascript
// --- Example 1---
const numbers = [1, 2, 3, 4, 5]
const anyNumberGreaterThanSix = numbers.some(number => number > 6)
console.log(anyNumberGreaterThanSix) // Output: false


// --- Example 2 ---
const words = ['dog', 'cat', 'elephant', 'bear', 'zebra']
const anyWordLongerThanFourLetters = words.some(word => word.length > 4)
console.log(anyWordLongerThanFourLetters) // Output: true
```

8 **.every()**
Questo metodo ritorna un valore booleano qualora tutti gli elementi presenti nell'array passano il test implementato dalla funzione fornita.

Esempio:

```javascript
// --- Example 1---
const numbers = [1, 2, 3, 4, 5]
const allNumbersLessThanSix = numbers.every(number => number < 6)
console.log(allNumbersLessThanSix) // Output: true


// --- Example 2 ---
const words = ['dog', 'cat', 'elephant', 'bear', 'zebra']
const allWordsLongerThanTwoLetters = words.every(word => word.length > 2)
console.log(allWordsLongerThanTwoLetters) // Output: true
```

**Conclusioni**
Con questi 13 metodi ([qui](https://dev.to/gg_dev/esplorare-i-metodi-degli-array-di-javascript-la-tua-guida-definitiva-parte-1-16b3) troverai i primi 5), ora hai una comprensione completa di come manipolare gli array in JavaScript. 
Che si tratti di concatenare, unire o trovare elementi, questi metodi forniscono un mezzo flessibile ed efficiente per trasformare i dati.

Happy coding! ✌️