JAVASCRIPT SETS

JS

Un set JavaScript è una raccolta di valori univoci. Ogni valore può essere inserito solo una volta in un Set.

Methods of Sets

CREARE UN SET

Puoi creare un set JavaScript tramite:

  • Passare un array al metodo new Set()
  • Creare un nuovo Set e usare add() per aggiungere valori
  • Creare un nuovo Set e usare add() per aggiungere variabili

METODO NEW SET

Passare un Array al costruttore new Set():

// Create a Set
const letters = new Set([“a”,”b”,”c”]);

Usare il metodo add():

// Create a Set
const letters = new Set();

// Add Values to the Set
letters.add(“a”);
letters.add(“b”);
letters.add(“c”);

Aggiungere variabili con il metodo add():

// Create a Set
const letters = new Set();

// Create Variables
const a = “a”;
const b = “b”;
const c = “c”;

// Add Variables to the Set
letters.add(a);
letters.add(b);
letters.add(c);

METODO ADD

Se aggiungi elementi uguali, verrà salvato solo il primo:

letters.add(“a”);
letters.add(“b”);
letters.add(“c”);
letters.add(“c”);

//letters.size=3

IL METODO FOREACH

Il metodo forEach() invoca (chiama) una funzione per ogni elemento di Set:

// Create a Set
const letters = new Set([“a”,”b”,”c”]);

// List all Elements
let text = “”;
letters.forEach (function(value) {
  text += value + ‘ ‘;
})

// return a b c

IL METODO VALUES

Il metodo values() restituisce un nuovo oggetto iterator contenente tutti i valori in un Set:

// Create a Set
const letters = new Set([“a”,”b”,”c”]);

letters.values()   // Returns [object Set Iterator]

// List all Elements
let text = “”;
for (const x of letters.values()) {
  text += x + ‘ ‘;
}

//return a b c

Copy to Clipboard

JAVASCRIPT MAPS

Una mappa contiene coppie chiave-valore in cui le chiavi possono essere di qualsiasi tipo di dati. Una mappa ricorda l’ordine di inserimento delle chiavi.

Methods of Maps

COME CREARE UN MAP

Puoi creare una mappa JavaScript in due modi:

  • Passaggio di un array al metodo new Map()
  • Creare una mappa e usare Map.set()

Puoi creare una mappa passando un array al costruttore new Map():

// Create a Map
const fruits = new Map([
  [“apples”, 500],
  [“bananas”, 300],
  [“oranges”, 200]
]);

oppure:

// Create a Map
const fruits = new Map();

// Set Map Values
fruits.set(“apples”, 500);
fruits.set(“bananas”, 300);
fruits.set(“oranges”, 200);

Il metodo set() può essere utilizzato anche per modificare i valori della mappa esistenti:

fruits.set(“apples”, 200);

METODO GET

Il metodo get() ottiene il valore di una chiave:

fruits.get(“apples”);    // Returns 500

LA PROPRIETA’ SIZE

La proprietà size restituisce il numero di elementi in una mappa:

fruits.size;

  • Il metodo delete() rimuove un elemento da Map
  • Il metodo has() restituisce true se esiste una chiave in una mappa

DIFFERENZE TRA OBJECT E MAPS

Difference Object and Maps

IL METODO FOREACH

Il metodo forEach() chiama una funzione per ogni coppia chiave/valore in una mappa:

// List all entries
let text = “”;
fruits.forEach (function(value, key) {
  text += key + ‘ = ‘ + value + ‘ ‘;
})

//apples = 500 bananas = 300 oranges = 200

IL METODO ENTRY

Il metodo entry() restituisce un oggetto iterator con la coppia [chiave, valore] in una mappa:

// List all entries
let text = “”;
for (const x of fruits.entries()) {
  text += x;
}

Copy to Clipboard

LINK AI POST PRECEDENTI

IL LINGUAGGIO JAVASCRIPT

LINK AL CODICE SU GITHUB

GITHUB