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


Vyhledávání řetězců JavaScript

Metody vyhledávání JavaScript

  • String indexOf()
  • Řetězec lastIndexOf()
  • Řetězec začínáWith()
  • Řetězec končíWith()

JavaScript řetězec indexOf()

Metoda indexOf()vrací index (pozici) firstvýskytu zadaného textu v řetězci:

Příklad

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate");

Poznámka

JavaScript počítá pozice od nuly.

0 je první pozice v řetězci, 1 je druhá, 2 je třetí, ...


JavaScriptový řetězec lastIndexOf()

Metoda lastIndexOf()vrací index posledního výskytu zadaného textu v řetězci:

Příklad

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate");

Oba indexOf()a lastIndexOf()vrátí -1, pokud text není nalezen:

Příklad

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("John");

Obě metody přijímají druhý parametr jako výchozí pozici pro vyhledávání:

Příklad

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate", 15);

Metody lastIndexOf()prohledávají pozpátku (od konce k začátku), což znamená: pokud je druhý parametr 15, vyhledávání začíná na pozici 15 a hledá začátek řetězce.

Příklad

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate", 15);

JavaScript String search()

Metoda search()hledá v řetězci zadanou hodnotu a vrací pozici shody:

Příklad

let str = "Please locate where 'locate' occurs!";
str.search("locate");

Všiml sis?

Tyto dvě metody indexOf()a search()jsou stejné?

Přijímají stejné argumenty (parametry) a vracejí stejnou hodnotu?

Tyto dvě metody NEJSOU stejné. Toto jsou rozdíly:

  • Metoda search()nemůže převzít druhý argument počáteční pozice.
  • Metoda indexOf()nemůže přebírat silné vyhledávací hodnoty (regulární výrazy).

Více o regulárních výrazech se dozvíte v další kapitole.



JavaScript String match()

Metoda match() hledá v řetězci shodu s regulárním výrazem a vrací shody jako objekt Array.

Příklad 1

Vyhledejte řetězec pro "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g);

Přečtěte si více o regulárních výrazech v kapitole JS RegExp .

Poznámka

Pokud regulární výraz neobsahuje modifikátor g (pro provedení globálního vyhledávání), metoda match() vrátí pouze první shodu v řetězci.

Syntax

string.match(regexp)
regexp Required. The value to search for, as a regular expression.
Returns: An Array, containing the matches, one item for each match, or null if no match is found

Příklad 2

Proveďte globální vyhledávání „ain“ bez ohledu na velikost písmen:

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi);

Řetězec JavaScript zahrnuje()

Metoda includes()vrátí hodnotu true, pokud řetězec obsahuje zadanou hodnotu.

Příklad

let text = "Hello world, welcome to the universe.";
text.includes("world");

Syntax

string.includes(searchvalue, start)
searchvalue Required. The string to search for
start Optional. Default 0. Position to start the search
Returns: Returns true if the string contains the value, otherwise false
JS Version: ES6 (2015)

Zkontrolujte, zda řetězec obsahuje „svět“, začněte vyhledávání na pozici 12:

let text = "Hello world, welcome to the universe.";
text.includes("world", 12);

Podpora prohlížeče

includes()je funkce ES6 (JavaScript 2015).

Je podporován ve všech moderních prohlížečích:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

includes()není podporován v Internet Exploreru.


Řetězec JavaScript začínáS()

Metoda startsWith()se vrátí true , pokud řetězec začíná zadanou hodnotou, jinak false:

Příklad

let text = "Hello world, welcome to the universe.";

text.startsWith("Hello");

Syntax

string.startsWith(searchvalue, start)

Hodnoty parametrů

Parameter Description
searchvalue Required. The value to search for.
start Optional. Default 0. The position to start the search.

Příklady

let text = "Hello world, welcome to the universe.";

text.startsWith("world")    // Returns false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 5)    // Returns false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 6)    // Returns true

Poznámka

Metoda startsWith()rozlišuje velká a malá písmena.


Podpora prohlížeče

startsWith()je funkce ES6 (JavaScript 2015).

Je podporován ve všech moderních prohlížečích:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

startsWith()není podporován v Internet Exploreru.


Řetězec JavaScript končíS()

Metoda endsWith()se vrátí true , pokud řetězec končí zadanou hodnotou, jinak false:

Příklad

Zkontrolujte, zda řetězec končí „Doe“:

var text = "John Doe";
text.endsWith("Doe");

Syntax

string.endswith(searchvalue, length)

Hodnoty parametrů

Parameter Description
searchvalue Required. The value to search for.
length Optional. The length to search.

Zkontrolujte 11 prvních znaků řetězce končícího na „world“:

let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11);

Poznámka

Metoda endsWith()rozlišuje velká a malá písmena.


Podpora prohlížeče

endsWith()je funkce ES6 (JavaScript 2015).

Je podporován ve všech moderních prohlížečích:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

endsWith()není podporován v Internet Exploreru.


Kompletní odkaz na řetězec

Úplnou referenci String naleznete na naší stránce:

Kompletní reference JavaScriptového řetězce .

Odkaz obsahuje popisy a příklady všech vlastností a metod řetězců.