Toto je starší verze dokumentu!
Javascript - Pole, Regulární výrazy, Objekty, DOM
základy objektově orientovaného programování
- JavaScript podporuje tři druhy objektů: objekty definované uživatelem, vestavěné objekty JavaScriptu a objekty prohlížeče.
Vytvoření nového objektu
- Chceme-li definovat objekt, vytvoříme jej takto:
var person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" };
Vlastnosti objektu
- k vlastnostem objektu lze přistupovat dvěma způsoby:
objectName.propertyName // nebo objectName["propertyName"]
Metody
- Metodu pro objekt lze definovat přidáním funkce:
var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastName; } }
Přístup k metodě objektu
//objectName.methodName(); name = person.fullName();
Regulární výrazy
- posloupnost znaků, které tvoří vyhledávací vzor
- slouží pro vyhledávání a nahrazování textu podle obecného vzoru
- syntax -
/vzor/modifikátory;search()<code javascript> var patt = /w3schools/i; </code>
* w3schools - vzor ke hledání * i - modifikátor → vyhledávání nebude casesensitive (nezáleží na velikosti písmen)
Metody regulárních výrazů
*
- najde a vrátí pozici hledaného výrazu *replace()'' - najde a nahradí hledaný výraz.
var str = "Visit W3Schools"; var n = str.search(/w3schools/i); // výsledek: 6
var str = "Visit Microsoft!"; var res = str.replace(/microsoft/i, "W3Schools"); // Visit W3Schools!
BOM
Window objekt
<!DOCTYPE html><html><body><p id="demo"></p><script> var w = window.innerWidth; var h = window.innerHeight; var x = document.getElementById("demo"); x.innerHTML = "Browser inner window width: " + w + ", height: " + h + "."; </script></body></html>