Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Trasformazione degli Array con il Metodo map() | Metodi Avanzati degli Array e Trasformazioni
Strutture Dati JavaScript

bookTrasformazione degli Array con il Metodo map()

Questa sezione tratta i metodi fondamentali degli array utilizzati nella programmazione quotidiana: map(), filter(), find(), reduce() e sort(). Iniziamo con map().

Per un elenco completo di tutti i metodi degli array, è possibile consultare la documentazione MDN.

map()

Il metodo map() itera su ogni elemento di un array e crea un nuovo array in base al valore restituito dalla funzione di callback.

array.map((element, index, array) => {
  // Callback body
});
  • element: elemento corrente;
  • index: posizione nell'array;
  • array: l'array originale.
12345
const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
copy

Punti chiave da ricordare su map():

  • Elabora ogni elemento;
  • Non modifica l'array originale;
  • Restituisce un nuovo array;
  • L'array risultante ha la stessa lunghezza.

Trasformazione degli elementi di un array

Il metodo map() è particolarmente utile quando è necessario trasformare ogni elemento di un array senza modificare l'array originale. Considera il seguente esempio:

12345678910
const numbers = [3, 5, 11, 32, 87]; /* Use the `map` method to create a new array (`doubledNumbers`) by doubling each element of the `numbers` array. */ const doubledNumbers = numbers.map((element) => { return element * 2; }); console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87 console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174
copy

1. Cosa fa il metodo map()?

2. Qual è una caratteristica chiave del metodo map()?

3. Nell'esempio seguente, cosa fa strings.map((element) => (element += "!"))?

question mark

Cosa fa il metodo map()?

Select the correct answer

question mark

Qual è una caratteristica chiave del metodo map()?

Select the correct answer

question mark

Nell'esempio seguente, cosa fa strings.map((element) => (element += "!"))?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 1

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Can you explain how the map() method works with a different example?

What happens if the callback function in map() does not return a value?

Can you show how to use map() with objects instead of numbers?

bookTrasformazione degli Array con il Metodo map()

Scorri per mostrare il menu

Questa sezione tratta i metodi fondamentali degli array utilizzati nella programmazione quotidiana: map(), filter(), find(), reduce() e sort(). Iniziamo con map().

Per un elenco completo di tutti i metodi degli array, è possibile consultare la documentazione MDN.

map()

Il metodo map() itera su ogni elemento di un array e crea un nuovo array in base al valore restituito dalla funzione di callback.

array.map((element, index, array) => {
  // Callback body
});
  • element: elemento corrente;
  • index: posizione nell'array;
  • array: l'array originale.
12345
const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
copy

Punti chiave da ricordare su map():

  • Elabora ogni elemento;
  • Non modifica l'array originale;
  • Restituisce un nuovo array;
  • L'array risultante ha la stessa lunghezza.

Trasformazione degli elementi di un array

Il metodo map() è particolarmente utile quando è necessario trasformare ogni elemento di un array senza modificare l'array originale. Considera il seguente esempio:

12345678910
const numbers = [3, 5, 11, 32, 87]; /* Use the `map` method to create a new array (`doubledNumbers`) by doubling each element of the `numbers` array. */ const doubledNumbers = numbers.map((element) => { return element * 2; }); console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87 console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174
copy

1. Cosa fa il metodo map()?

2. Qual è una caratteristica chiave del metodo map()?

3. Nell'esempio seguente, cosa fa strings.map((element) => (element += "!"))?

question mark

Cosa fa il metodo map()?

Select the correct answer

question mark

Qual è una caratteristica chiave del metodo map()?

Select the correct answer

question mark

Nell'esempio seguente, cosa fa strings.map((element) => (element += "!"))?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 1
some-alt