JS Tutoriaal

JS TUIS JS Inleiding JS Waarheen JS Uitset JS Verklarings JS sintaksis JS Kommentaar JS veranderlikes JS Laat JS Konst JS-operateurs JS Rekenkunde JS Opdrag JS datatipes JS Funksies JS Voorwerpe JS Events JS Strings JS String Metodes JS String Soek JS String Templates JS nommers JS-nommermetodes JS Skikkings JS Skikking Metodes JS Array Sorteer JS Skikking Iterasie JS Array Konst JS Datums JS Datum Formate JS Datum Kry Metodes JS Datum Stel Metodes JS Wiskunde JS Random JS Booleans JS Vergelykings JS Voorwaardes JS Skakelaar JS Loop Vir JS Loop For In JS Loop Vir Van JS Loop Terwyl JS Break JS Iterables JS-stelle JS Kaarte JS tipe JS Tipe Omskakeling JS Bitwise JS RegExp JS foute JS Bestek JS Hysing JS Streng modus JS hierdie sleutelwoord JS Arrow Funksie JS Klasse JS JSON JS Ontfouting JS Stylgids JS Beste Praktyke JS foute JS prestasie JS Voorbehou Woorde

JS weergawes

JS weergawes JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS Geskiedenis

JS Voorwerpe

Voorwerpdefinisies Voorwerp Eienskappe Voorwerp Metodes Voorwerp vertoon Voorwerptoebehore Voorwerpkonstrukteurs Voorwerpprototipes Object Iterables Voorwerpstelle Voorwerpkaarte Voorwerpverwysing

JS Funksies

Funksie definisies Funksie parameters Funksie Aanroep Funksie oproep Funksie Pas toe Funksie sluitings

JS Klasse

Klasintro Klas Erfenis Klas Staties

JS Async

JS Terugbelle JS Asynchroon JS Beloftes JS Async/Wag

JS HTML DOM

DOM Inleiding DOM Metodes DOM-dokument DOM Elemente DOM HTML DOM-vorms DOM CSS DOM-animasies DOM-geleenthede DOM Gebeurtenis Luisteraar DOM-navigasie DOM nodusse DOM Versamelings DOM Node lyste

JS Browser BOM

JS venster JS skerm JS ligging JS Geskiedenis JS Navigator JS Popup Alert JS Tydsberekening JS koekies

JS Web API's

Web API Inleiding Webvorms API Webgeskiedenis API Webberging API Webwerker API Web haal API Web Geolocation API

JS AJAX

AJAX Intro AJAX XMLHttp AJAX-versoek AJAX-reaksie AJAX XML-lêer AJAX PHP AJAX ASP AJAX-databasis AJAX toepassings AJAX voorbeelde

JS JSON

JSON Inleiding JSON-sintaksis JSON vs XML JSON-datatipes JSON Ontleed JSON Stringify JSON-voorwerpe JSON-skikkings JSON-bediener JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery keurders jQuery HTML jQuery CSS jQuery DOM

JS grafika

JS grafika JS Canvas JS Plot JS Chart.js JS Google Chart JS D3.js

JS Voorbeelde

JS Voorbeelde JS HTML DOM JS HTML-invoer JS HTML-voorwerpe JS HTML-geleenthede JS Blaaier JS Redakteur JS Oefeninge JS Vasvra JS Sertifikaat

JS Verwysings

JavaScript-voorwerpe HTML DOM-voorwerpe


JavaScript Tipe Omskakeling

  • Omskakeling van stringe na getalle
  • Omskakeling van getalle na snare
  • Omskakeling van datums na getalle
  • Omskakeling van getalle na datums
  • Omskakeling van Boole na getalle
  • Omskakeling van getalle na Booleans

JavaScript Tipe Omskakeling

JavaScript-veranderlikes kan omgeskakel word na 'n nuwe veranderlike en 'n ander datatipe:

  • Deur die gebruik van 'n JavaScript-funksie
  • Outomaties deur JavaScript self

Omskakeling van stringe na getalle

Die globale metode Number()kan stringe na getalle omskakel.

Strings wat getalle bevat (soos "3.14") word omgeskakel na getalle (soos 3.14).

Leë stringe skakel om na 0.

Enigiets anders word omgeskakel na NaN(Nie 'n nommer nie).

Number("3.14")    // returns 3.14
Number(" ")       // returns 0
Number("")        // returns 0
Number("99 88")   // returns NaN

Getalmetodes

In die hoofstuk Getalmetodes sal jy meer metodes vind wat gebruik kan word om stringe na getalle om te skakel:

Method Description
Number() Returns a number, converted from its argument
parseFloat() Parses a string and returns a floating point number
parseInt() Parses a string and returns an integer

Die Unary + Operator

Die unêre + operateur kan gebruik word om 'n veranderlike na 'n getal om te skakel:

Voorbeeld

let y = "5";      // y is a string
let x = + y;      // x is a number

As die veranderlike nie omgeskakel kan word nie, sal dit steeds 'n getal word, maar met die waarde NaN (Nie 'n Getal):

Voorbeeld

let y = "John";   // y is a string
let x = + y;      // x is a number (NaN)


Omskakeling van getalle na snare

Die globale metode String()kan getalle na stringe omskakel.

Dit kan op enige tipe getalle, letterlike, veranderlikes of uitdrukkings gebruik word:

Voorbeeld

String(x)         // returns a string from a number variable x
String(123)       // returns a string from a number literal 123
String(100 + 23)  // returns a string from a number from an expression

Die Getalmetode toString()doen dieselfde.

Voorbeeld

x.toString()
(123).toString()
(100 + 23).toString()

Meer metodes

In die hoofstuk Getalmetodes sal jy meer metodes vind wat gebruik kan word om getalle na stringe om te skakel:

Method Description
toExponential() Returns a string, with a number rounded and written using exponential notation.
toFixed() Returns a string, with a number rounded and written with a specified number of decimals.
toPrecision() Returns a string, with a number written with a specified length

Omskakeling van datums na getalle

Die globale metode Number()kan gebruik word om datums na getalle om te skakel.

d = new Date();
Number(d)          // returns 1404568027739

Die datummetode getTime() doen dieselfde.

d = new Date();
d.getTime()        // returns 1404568027739

Omskakeling van datums na snare

Die globale metode String()kan datums na stringe omskakel.

String(Date())  // returns "Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)"

Die Datum-metode toString()doen dieselfde.

Voorbeeld

Date().toString()  // returns "Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)"

In die hoofstuk Datummetodes sal jy meer metodes vind wat gebruik kan word om datums na stringe om te skakel:

Method Description
getDate() Get the day as a number (1-31)
getDay() Get the weekday a number (0-6)
getFullYear() Get the four digit year (yyyy)
getHours() Get the hour (0-23)
getMilliseconds() Get the milliseconds (0-999)
getMinutes() Get the minutes (0-59)
getMonth() Get the month (0-11)
getSeconds() Get the seconds (0-59)
getTime() Get the time (milliseconds since January 1, 1970)

Omskakeling van Boole na getalle

Die globale metode Number()kan ook booleans na getalle omskakel.

Number(false)     // returns 0
Number(true)      // returns 1

Die omskakeling van Booleans na Strings

Die globale metode String()kan booleans na snare omskakel.

String(false)      // returns "false"
String(true)       // returns "true"

Die Boole-metode toString()doen dieselfde.

false.toString()   // returns "false"
true.toString()    // returns "true"

Outomatiese tipe omskakeling

Wanneer JavaScript op 'n "verkeerde" datatipe probeer werk, sal dit probeer om die waarde na 'n "regte" tipe om te skakel.

Die resultaat is nie altyd wat jy verwag nie:

5 + null    // returns 5         because null is converted to 0
"5" + null  // returns "5null"   because null is converted to "null"
"5" + 2     // returns "52"      because 2 is converted to "2"
"5" - 2     // returns 3         because "5" is converted to 5
"5" * "2"   // returns 10        because "5" and "2" are converted to 5 and 2

Outomatiese String Omskakeling

JavaScript roep outomaties die veranderlike se toString()funksie op wanneer jy probeer om 'n voorwerp of 'n veranderlike te "uitvoer":

document.getElementById("demo").innerHTML = myVar;

// if myVar = {name:"Fjohn"}  // toString converts to "[object Object]"
// if myVar = [1,2,3,4]       // toString converts to "1,2,3,4"
// if myVar = new Date()      // toString converts to "Fri Jul 18 2014 09:08:55 GMT+0200"

Getalle en booleane word ook omgeskakel, maar dit is nie baie sigbaar nie:

// if myVar = 123             // toString converts to "123"
// if myVar = true            // toString converts to "true"
// if myVar = false           // toString converts to "false"

JavaScript Tipe Omskakeling Tabel

Hierdie tabel toon die resultaat van die omskakeling van verskillende JavaScript-waardes na Number, String en Boolean:

Original
Value
Converted
to Number
Converted
to String
Converted
to Boolean
Try it
false 0 "false" false
true 1 "true" true
0 0 "0" false
1 1 "1" true
"0" 0 "0" true
"000" 0 "000" true
"1" 1 "1" true
NaN NaN "NaN" false
Infinity Infinity "Infinity" true
-Infinity -Infinity "-Infinity" true
"" 0 "" false
"20" 20 "20" true
"twenty" NaN "twenty" true
[ ] 0 "" true
[20] 20 "20" true
[10,20] NaN "10,20" true
["twenty"] NaN "twenty" true
["ten","twenty"] NaN "ten,twenty" true
function(){} NaN "function(){}" true
{ } NaN "[object Object]" true
null 0 "null" false
undefined NaN "undefined" false

Waardes in aanhalingstekens dui stringwaardes aan.

Rooi waardes dui waardes aan wat (sommige) programmeerders dalk nie verwag nie.