JavaScript Voorbeelden
- Vorige Pagina JS D3.js
- Volgende Pagina JS HTML DOM
What Can JavaScript Do?
Where to Insert JavaScript
JavaScript Output
JavaScript Syntax
- JavaScript Statements
- JavaScript Numbers
- JavaScript Strings
- JavaScript Variables
- JavaScript Operators
- JavaScript Assignment
- JavaScript Expression (Using Constants)
- JavaScript Expression (Using Strings)
- JavaScript Expression (Using Variables)
- JavaScript Keywords
- JavaScript Comments
- JavaScript Is Case-Sensitive
JavaScript Statements
JavaScript Comments
JavaScript Variables
- JavaScript Variables
- JavaScript Variables as Algebra
- JavaScript Numbers and Strings
- JavaScript var Keyword
- Declaration of Multiple Variables in One Statement
- Multi-line Declaration of Multiple Variables
- Variables with No Value Return Undefined
- Re-declaring a Variable Does Not Destroy the Value
- JavaScript Array Addition
- JavaScript String Addition
- Addition of Strings and Numbers
- Addition of Numbers and Strings
JavaScript Arithmetic
JavaScript Assignment
JavaScript stringketting
JavaScript Data Types
JavaScript Objects
- Maak een JavaScript-variabele
- Maak een JavaScript-object
- Maak een person-object (enkele regel)
- Maak een person-object (meerdere regels)
- Gebruik .property om objecteigenschappen op te halen
- Gebruik [property] om objecteigenschappen op te halen
- Gebruik methode om functie-eigenschappen op te halen
- Gebruik [property] om functie-eigenschappen op te halen
JavaScript Functions
JavaScript Events
JavaScript Strings
- Een string kan worden omgeven door enkele aanhalingstekens of dubbele aanhalingstekens
- Toon enkele stringvoorbeelden
- Een backslash voorafgaand aan aanhalingstekens wordt erkend als een aanhalingsteken
- Bepaal de lengte van een string
- Gebruik een backslash om een tekststring af te breken
- Een backslash kan niet worden gebruikt om een regel in code af te breken
- Bepaal de positie van de tekst in de string waar deze voor het eerst voorkomt - indexOf()
- Zoek naar tekst in een string en retourneer deze tekst nadat deze is gevonden - match()
- Vervang een karakter in een string - replace()
- Maak een string hoofdletter - toUpperCase()
- Maak een string klein - toLowerCase()
- Splits een string in een array - split()
JavaScript Numbers
- Getallen kunnen zowel met als zonder decimaalpunt worden geschreven
- Grote of kleine getallen kunnen worden geschreven met exponentiële telling
- Cijfers worden nauwkeurig tot 15 cijfers weergegeven
- Fluitpuntrekenen is niet altijd 100% nauwkeurig
- Maar dit probleem kan worden opgelost door te vermenigvuldigen en te delen door 10
- Het optellen van twee cijfers levert een nieuwe cijfer op
- Het optellen van twee cijferstrings levert ook een geconcateneerde string op
- Het optellen van een cijfer en een cijferstring kan ook een geconcateneerde string opleveren
- Het optellen van een cijferstring en een cijfer kan ook een geconcateneerde string opleveren
- Een gebruikelijke fout bij het optellen van strings en cijfers 1
- Common error 2 when adding strings and numbers
- In division operations, JavaScript will try to convert strings to numbers
- In multiplication operations, JavaScript will try to convert strings to numbers
- In subtraction operations, JavaScript will try to convert strings to numbers
- In addition operations, JavaScript will not convert strings to numbers
- The number divided by a string is no longer a number
- Dividing a number by a numeric string results in a number
- The global JavaScript function isNaN() determines whether a value is a number
- Using NaN in mathematical operations will always return NaN
- Using NaN in mathematical string operations will concatenate NaN
- The type of NaN is number (no! typeof NaN returns number)
- If a number outside the maximum possible number is calculated, it returns infinity (Infinity)
- Division by zero generates Infinity
- Infinity is also a number (typeof Infinity returns number)
- Constants prefixed with 0x are interpreted as hexadecimal
- The toString() method can output numbers in hexadecimal, octal, or binary
- Numbers can be objects
- Numbers and objects cannot be safely compared
- Objects and objects cannot be safely compared
JavaScript Number Methods
- The toString() method converts a number to a string
- The valueOf() method returns a number as a number
- The toExponential() method returns a number in exponential notation
- The toFixed() method rounds a number to a specified number of digits
- The toPrecision() method returns a number of a specified length
- The global method Number() converts a variable to a number
- The global method Number() can even convert dates to numbers
- The global method parseInt() converts a string to a number
- The global method parseFloat() converts a string to a number
- MAX_VALUE returns the largest possible number in JavaScript
- MIN_VALUE returns the smallest possible number in JavaScript
- POSITIVE_INFINITY represents infinity
- Returns POSITIVE_INFINITY when overflow occurs
- NEGATIVE_INFINITY represents negative infinity
- Returns NEGATIVE_INFINITY when overflow occurs
- NaN stands for 'Not a Number'
- Arithmetic performed on a string will result in NaN
- Using numeric properties on a variable will return undefined
JavaScript Math
- Math.PI returns the value of PI
- Math.round(x) geeft de geraonde waarde van x terug
- Math.pow(x, y) geeft de y-derde van x terug
- Math.sqrt(x) geeft de kwadrant van x terug
- Math.abs(x) geeft de absolute waarde van x terug
- Math.ceil(x) geeft de naar boven afgeronde waarde van x terug
- Math.floor(x) geeft de naar beneden afgeronde waarde van x terug
- Math.sin(x) geeft de sinus van het hoek x (in radianen) terug
- Math.cos(x) geeft de cosinus van het hoek x (in radianen) terug
- Math.max() geeft het hoogste waarde van de argumentenlijst terug
- Math.min() geeft het laagste waarde van de argumentenlijst terug
- Converteer Celsius naar Fahrenheit
JavaScript Random
- Math.random() geeft een willekeurig getal tussen 0 (inclusief) en 1 (exclusief) terug
- Hoe een willekeurig getal tussen 0 en 9 (inclusief) terug te geven
- Hoe een willekeurig getal tussen 0 en 10 (inclusief) terug te geven
- Hoe een willekeurig getal tussen 0 en 99 (inclusief) terug te geven
- Hoe een willekeurig getal tussen 0 en 100 (inclusief) terug te geven
- Hoe een willekeurig getal tussen 1 en 10 (inclusief) terug te geven
- Hoe een willekeurig getal tussen 1 en 100 (inclusief) terug te geven
- Hoe een willekeurig getal tussen x (inclusief) en y (exclusief) terug te geven
- Hoe een willekeurig getal tussen x en y (inclusief) terug te geven
JavaScript Dates
- Gebruik Date() om vandaag's datum en tijd te tonen
- Gebruik getFullYear() om het jaar te tonen
- Gebruik getTime() om het aantal milliseconden sinds 1970 te berekenen
- Gebruik setFullYear() om een specifieke datum in te stellen
- Gebruik toUTCString() om vandaag's datum (op basis van UTC) om te zetten naar een string
- Gebruik getDay() om de naam van de weekdag als getal te tonen
- Gebruik getDay() en een array om de naam van de weekdag te tonen
- Toon de klok
JavaScript Arrays
JavaScript Array Methods
- Voeg elementen toe aan de array
- Verwijder het laatste element van de array - pop()
- Verbind alle elementen van de array tot een string - join()
- Verbind twee arrays - concat()
- Verbind drie arrays - concat()
- Voeg een element toe aan de positie 2 van de array - splice()
- Zet de array om naar een string - toString()
- Voeg een nieuw element toe aan het begin van de array - unshift()
- Verwijder het eerste element van de array - shift()
- Selecteer elementen uit de array - slice()
JavaScript Array Sorting
- Sorteer de array in oplopende volgorde
- Sorteer de array in aflopende volgorde
- Sorteer getallen in oplopende volgorde
- Sorteer getallen in aflopende volgorde
- Sorteer getallen (op alfabetische of numerieke volgorde)
- Sorteer de getallen in de array willekeurig
- Bepaal de kleinste waarde in de array
- Bepaal de grootste waarde in de array
- Gebruik Math.min() om de kleinste waarde in de array te bepalen
- Gebruik Math.max() om de grootste waarde in de array te bepalen
- Gebruik de "gemaakte" myArrayMin methode
- Gebruik de "gemaakte" myArrayMax methode
- Sorteer objecten op numerieke eigenschap
- Sorteer objecten op string eigenschap
JavaScript array iteratie
JavaScript Type Conversion
JavaScript booleaanse waarde
- Toon de waarde van Boolean(10 > 9)
- Toon de waarde van 10 > 9
- Alles dat een waarde heeft, is true
- De booleaanse waarde van nul is false
- De booleaanse waarde van min-nul is false
- De booleaanse waarde van een lege string is false
- De booleaanse waarde van undefined is false
- De booleaanse waarde van null is false
- De booleaanse waarde van false is false
- De booleaanse waarde van NaN is false
JavaScript vergelijking
- Geef 5 toe aan x en toon dan de waarde van (x == 8)
- Geef 5 toe aan x en toon dan de waarde van (x == 5)
- Geef 5 toe aan x en toon dan de waarde van (x === 5)
- Geef 5 toe aan x en toon dan de waarde van (x === "5")
- Geef 5 toe aan x en toon de waarde van (x != 8)
- Geef 5 toe aan x en toon de waarde van (x !== 5)
- Geef 5 toe aan x en toon de waarde van (x !== "5")
- Geef 5 toe aan x en toon de waarde van (x > 8)
- Geef 5 toe aan x en toon de waarde van (x < 8)
- Geef 5 toe aan x en toon de waarde van (x >= 8)
- Geef 5 toe aan x en toon de waarde van (x <= 8)
Voorwaarden in JavaScript
JavaScript-lus
Foutafhandeling in JavaScript
JavaScript Regular Expressions
JavaScript Objects
- Maak een JavaScript-variabele
- Maak een JavaScript-object
- Maak een JavaScript-object (enkele regel)
- Maak een JavaScript-object (meerdere regels)
- Maak een JavaScript-object met new
- Maak een JavaScript-object met een constructor
- Maak een ingebouwde JavaScript-object
- De beste manier om een JavaScript-variabele te maken
- JavaScript-objecten zijn aanpasbaar
JavaScript Object Properties
JSON Objecten
JSON Arrays
JSON-parsen
JSON Stringify
JSON PHP
JSON HTML
Voorbeeldverklaring: JSON JSONP
- Vorige Pagina JS D3.js
- Volgende Pagina JS HTML DOM
