Výukový program JS

JS HOME Úvod do JS JS Kam vést Výstup JS JS prohlášení Syntaxe JS Komentáře JS JS proměnné JS Let JS Const Operátoři JS JS aritmetika Zadání JS JS datové typy Funkce JS JS objekty Události JS JS struny JS String Methods JS String Search Šablony řetězců JS JS čísla Metody čísel JS JS Arrays Metody JS Array JS Array Sort Iterace pole JS JS Array Const JS Termíny Formáty data JS JS metody získávání data JS metody nastavení data JS Math JS Náhodný JS Booleans JS Srovnání Podmínky JS Přepínač JS JS Loop For JS Loop For In JS Loop For Of Zatímco JS Loop JS Break JS Iterables Sady JS Mapy JS Typ JS Konverze typu JS JS Bitwise JS RegExp Chyby JS Rozsah JS JS Zvedací zařízení Přísný režim JS JS toto klíčové slovo Funkce šipky JS JS třídy JS JSON Ladění JS Průvodce stylem JS JS Best Practices Chyby JS Výkon JS JS Reserved Words

Verze JS

Verze JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Historie JS

JS objekty

Definice objektů Vlastnosti objektu Objektové metody Zobrazení objektu Objektové přístupové objekty Konstruktory objektů Prototypy objektů Iterovatelné objekty Sady objektů Mapy objektů Reference objektu

Funkce JS

Definice funkcí Funkční parametry Vyvolání funkce Volání funkce Funkce Použít Funkční uzávěry

JS třídy

Úvod do třídy Třídní dědičnost Třída Statická

JS Async

JS zpětná volání JS asynchronní JS Sliby JS Async/Await

JS HTML DOM

Úvod do DOM Metody DOM Dokument DOM Prvky DOM DOM HTML Formuláře DOM DOM CSS DOM animace Události DOM DOM Event Listener Navigace DOM DOM uzly Kolekce DOM Seznamy uzlů DOM

Kusovník prohlížeče JS

Okno JS Obrazovka JS Umístění JS Historie JS JS Navigator Popup Alert JS Časování JS Soubory cookie JS

Webová rozhraní API JS

Úvod do webového rozhraní API Web Forms API Webová historie API Web Storage API Web Worker API Web Fetch API Web Geolocation API

JS AJAX

Úvod do AJAXu AJAX XMLHttp Požadavek AJAX Odpověď AJAX Soubor XML AJAX AJAX PHP AJAX ASP Databáze AJAX Aplikace AJAX Příklady AJAX

JS JSON

Úvod do JSON Syntaxe JSON JSON vs XML Datové typy JSON Analýza JSON JSON Stringify Objekty JSON Pole JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Selektory jQuery HTML jQuery jQuery CSS jQuery DOM

Grafika JS

Grafika JS JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

Příklady JS

Příklady JS JS HTML DOM Vstup HTML JS JS HTML objekty JS HTML události Prohlížeč JS Editor JS Cvičení JS JS kvíz Certifikát JS

JS Reference

Objekty JavaScriptu HTML DOM objekty


Operátoři JavaScriptu


Příklad

Přiřaďte hodnoty proměnným a sečtěte je:

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

Operátor přiřazení ( =) přiřadí hodnotu proměnné.

Úkol

let x = 10;

Operátor sčítání ( +) přidává čísla:

Přidávání

let x = 5;
let y = 2;
let z = x + y;

Operátor násobení ( *) násobí čísla.

Násobení

let x = 5;
let y = 2;
let z = x * y;


JavaScriptové aritmetické operátory

Aritmetické operátory se používají k provádění aritmetiky na číslech:

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

Aritmetické operátory jsou plně popsány v kapitole JS Aritmetika .


Operátoři přiřazení JavaScriptu

Operátory přiřazení přiřazují hodnoty proměnným JavaScriptu.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

Operátor přiřazení sčítání ( +=) přidává hodnotu do proměnné.

Úkol

let x = 10;
x += 5;

Operátory přiřazení jsou plně popsány v kapitole Přiřazení JS .


Operátory řetězců JavaScriptu

Operátor +lze také použít k přidávání (řetězení) řetězců.

Příklad

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Výsledkem textu 3 bude:

John Doe

Operátor +=přiřazení lze také použít k přidání (řetězení) řetězců:

Příklad

let text1 = "What a very ";
text1 += "nice day";

Výsledkem textu1 bude:

What a very nice day

Při použití na řetězcích se operátor + nazývá operátor zřetězení.


Přidávání řetězců a čísel

Přidání dvou čísel vrátí součet, ale přidání čísla a řetězce vrátí řetězec:

Příklad

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Výsledkem x , y a z bude:

10
55
Hello5

Pokud přidáte číslo a řetězec, výsledkem bude řetězec!


Porovnávací operátory JavaScriptu

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

Porovnávací operátory jsou plně popsány v kapitole Porovnání JS .


Logické operátory JavaScriptu

Operator Description
&& logical and
|| logical or
! logical not

Logické operátory jsou plně popsány v kapitole Porovnání JS .


Operátoři typu JavaScript

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

Typové operátory jsou plně popsány v kapitole JS Type Conversion .


Bitové operátory JavaScriptu

Bitové operátory pracují na 32bitových číslech.

Jakýkoli číselný operand v operaci je převeden na 32bitové číslo. Výsledek je převeden zpět na číslo JavaScript.
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

Výše uvedené příklady používají 4bitové příklady bez znaménka. Ale JavaScript používá 32bitová čísla se znaménkem.
Z tohoto důvodu v JavaScriptu ~ 5 nevrátí 10. Vrátí -6.
~000000000000000000000000000101 se vrátí 1111111111111111111111111111010

Bitové operátory jsou plně popsány v kapitole JS Bitwise .


Otestujte se pomocí cvičení

Cvičení:

Vynásobte 10pomocí 5a upozorněte na výsledek.

alert(10  5);