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 - vergelyking en logiese operateurs


Vergelyking en logiese operateurs word gebruik om te toets vir trueof false.


Vergelykingsoperateurs

Vergelykingsoperateurs word in logiese stellings gebruik om gelykheid of verskil tussen veranderlikes of waardes te bepaal.

Gegewe dit x = 5, verduidelik die tabel hieronder die vergelykingsoperateurs:

Operator Description Comparing Returns Try it
== equal to x == 8 false
x == 5 true
x == "5" true
=== equal value and equal type x === 5 true
x === "5" false
!= not equal x != 8 true
!== not equal value or not equal type x !== 5 false
x !== "5" true
x !== 8 true
> greater than x > 8 false
< less than x < 8 true
>= greater than or equal to x >= 8 false
<= less than or equal to x <= 8 true


Hoe kan dit gebruik word

Vergelykingsoperateurs kan in voorwaardelike stellings gebruik word om waardes te vergelyk en aksie te neem, afhangende van die resultaat:

if (age < 18) text = "Too young to buy alcohol";

Jy sal meer leer oor die gebruik van voorwaardelike stellings in die volgende hoofstuk van hierdie tutoriaal.


Logiese operateurs

Logiese operateurs word gebruik om die logika tussen veranderlikes of waardes te bepaal.

Gegewe dat x = 6en y = 3, verduidelik die tabel hieronder die logiese operateurs:

Operator Description Example Try it
&& and (x < 10 && y > 1) is true
|| or (x == 5 || y == 5) is false
! not !(x == y) is true

Voorwaardelike (ternêre) operateur

JavaScript bevat ook 'n voorwaardelike operateur wat 'n waarde aan 'n veranderlike toeken gebaseer op een of ander toestand.

Sintaksis

variablename = (condition) ? value1:value2 

Voorbeeld

let voteable = (age < 18) ? "Too young":"Old enough";

As die veranderlike ouderdom 'n waarde onder 18 is, sal die waarde van die veranderlike stembaar "Te jonk" wees, anders sal die waarde van stembaar "Oud genoeg" wees.


Vergelyk verskillende tipes

Vergelyking van data van verskillende tipes kan onverwagte resultate gee.

Wanneer 'n string met 'n nommer vergelyk word, sal JavaScript die string na 'n nommer omskakel wanneer die vergelyking gedoen word. 'n Leë string word omgeskakel na 0. 'n Nie-numeriese string skakel om na NaNwat altyd false.

Case Value Try
2 < 12 true
2 < "12" true
2 < "John" false
2 > "John" false
2 == "John" false
"2" < "12" false
"2" > "12" true
"2" == "12" false

Wanneer twee stringe vergelyk word, sal "2" groter as "12" wees, want (alfabeties) 1 is minder as 2.

Om 'n behoorlike resultaat te verseker, moet veranderlikes na die regte tipe omgeskakel word voor vergelyking:

age = Number(age);
if (isNaN(age)) {
  voteable = "Input is not a number";
} else {
  voteable = (age < 18) ? "Too young" : "Old enough";
}

Toets jouself met oefeninge

Oefening:

Kies die korrekte vergelykingsoperateur om te waarsku true, wanneer xis groter as y.

x = 10;
y = 5;
alert(x  y);