JS-zelfstudie

JS HOME JS Introductie JS Waarheen? JS-uitgang JS-verklaringen JS-syntaxis JS-opmerkingen JS-variabelen JS Let JS Const JS-operators JS Rekenen JS-opdracht JS-gegevenstypen JS-functies JS-objecten JS-evenementen JS-snaren JS String-methoden JS String zoeken JS String-sjablonen JS-nummers JS-nummermethoden JS-arrays JS-array-methoden JS-array sorteren JS-array-iteratie JS Array Const JS-datums JS-datumnotaties JS Datum Ophaalmethoden Methoden voor het instellen van JS-datum JS Math JS Willekeurig JS Booleans JS-vergelijkingen JS-voorwaarden JS-schakelaar JS Loop For JS-lus voor binnen JS Loop For Of JS-lus terwijl JS Break JS-iteraties JS-sets JS-kaarten JS Typeof JS Type conversie JS Bitwise JS RegExp JS-fouten JS-bereik JS Hijsen JS strikte modus JS dit trefwoord JS-pijlfunctie JS-lessen JS JSON JS-foutopsporing JS-stijlgids JS-best practices JS-fouten JS-prestaties JS Gereserveerde Woorden

JS-versies

JS-versies JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-geschiedenis

JS-objecten

Objectdefinities Objecteigenschappen Objectmethoden Objectweergave Objectaccessoires Objectconstructeurs Objectprototypes Object-Iterables Objectsets Objectkaarten Objectreferentie

JS-functies

Functiedefinities Functieparameters: Functie-aanroep Functie-oproep: Functie Toepassen Functie Sluitingen

JS-lessen

Klas Intro Klasse Overerving Klasse Statisch

JS Asynchrone

JS-callbacks JS asynchroon JS belooft JS Async/Wachten

JS HTML DOM

DOM Intro DOM-methoden DOM-document DOM-elementen DOM HTML DOM-formulieren DOM-CSS DOM-animaties DOM-evenementen DOM-gebeurtenisluisteraar DOM-navigatie DOM-knooppunten DOM-collecties DOM-knooppuntlijsten

JS-browserstuklijst

JS-venster JS-scherm JS-locatie JS-geschiedenis JS-navigator JS pop-upwaarschuwing JS-timing JS-koekjes

JS Web API's

Introductie web-API Web Forms API Webgeschiedenis-API Webopslag-API Web Worker-API Web Fetch-API Webgeolocatie-API

JS AJAX

Ajax-intro AJAX XMLHttp Ajax-verzoek Ajax-reactie AJAX XML-bestand AJAX PHP Ajax ASP AJAX-database AJAX-toepassingen Ajax-voorbeelden

JS JSON

JSON-intro JSON-syntaxis JSON versus XML JSON-gegevenstypen JSON ontleden JSON Stringify JSON-objecten JSON-arrays JSON-server JSON PHP JSON HTML JSON JSONP

JS versus jQuery

jQuery-kiezers jQuery HTML jQuery CSS jQuery DOM

JS-graphics

JS-graphics JS Canvas JS Plotly JS Chart.js JS Google-kaart JS D3.js

JS-voorbeelden

JS-voorbeelden JS HTML DOM JS HTML-invoer JS HTML-objecten JS HTML-evenementen JS-browser JS-editor JS-oefeningen JS-quiz JS-certificaat

JS-referenties

JavaScript-objecten HTML DOM-objecten


JavaScript-sets

Een JavaScript-set is een verzameling unieke waarden.

Elke waarde kan maar één keer voorkomen in een set.

Een set kan elke waarde van elk gegevenstype bevatten.

Methoden instellen

MethodeBeschrijving
nieuwe set()Maakt een nieuwe set
toevoegen()Voegt een nieuw element toe aan de Set
verwijderen()Verwijdert een element uit een Set
heeft()Retourneert waar als een waarde bestaat
Doorzichtig()Verwijdert alle elementen uit een Set
voor elk()Roept een callback op voor elk element
waarden()Retourneert een Iterator met alle waarden in een Set
sleutels()Hetzelfde als waarden()
vermeldingen()Retourneert een Iterator met de [waarde,waarde]-paren uit een Set
EigendomBeschrijving
maatGeeft als resultaat de getalselementen in een Set

Een set maken

U kunt een JavaScript-set maken door:

  • Een array doorgeven aannew Set()
  • Maak een nieuwe set en gebruik add()om waarden toe te voegen
  • Maak een nieuwe set en gebruik add()om variabelen toe te voegen

De nieuwe Set()-methode

Geef een array door aan de new Set()constructor:

Voorbeeld

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

Maak een set en voeg letterlijke waarden toe:

Voorbeeld

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

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

Maak een set en voeg variabelen toe:

Voorbeeld

// Create Variables
const a = "a";
const b = "b";
const c = "c";

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

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

De add() methode

Voorbeeld

letters.add("d");
letters.add("e");

Als u gelijke elementen toevoegt, wordt alleen de eerste opgeslagen:

Voorbeeld

letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");


De forEach()-methode

De forEach()methode roept een functie aan voor elk Set-element:

Voorbeeld

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

// List all entries
let text = "";
letters.forEach (function(value) {
  text += value;
})

De waarden() Methode

De values()methode retourneert een Iterator-object dat alle waarden in een Set bevat:

Voorbeeld

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

Nu kunt u het Iterator-object gebruiken om toegang te krijgen tot de elementen:

Voorbeeld

// Create an Iterator
const myIterator = letters.values();

// List all Values
let text = "";
for (const entry of myIterator) {
  text += entry;
}

De toetsen() Methode

Een set heeft geen sleutels.

keys()geeft hetzelfde terug als values().

Dit maakt Sets compatibel met Maps.

Voorbeeld

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

De items() Methode

Een set heeft geen sleutels.

entries()retourneert [waarde,waarde]-paren in plaats van [sleutel,waarde]-paren.

Dit maakt Sets compatibel met Maps:

Voorbeeld

// Create an Iterator
const myIterator = letters.entries();

// List all Entries
let text = "";
for (const entry of myIterator) {
  text += entry;
}

Sets zijn objecten

Voor een set typeofretourneert object:

typeof letters;      // Returns object

instanceof SetRetourneert voor een set waar:

letters instanceof Set;  // Returns true