Co jsou to objekty JavaScriptu?
Objekty jsou základní stavební kameny pro každý objektově orientovaný jazyk. JavaScript, který je objektově orientovaným jazykem, není výjimkou tohoto konceptu. Vzhledem k tomu, že je javascript široce přijímán kvůli své schopnosti poskytovat dynamické chování webovým stránkám, je třeba si uvědomit javascript a jak pracovat s jeho objekty.
Objekty v javascriptu jsou skupinou různých datových typů nebo objektů sestavených jako páry „klíč-hodnota“. „Klíčovou“ částí objektu není nic jiného než vlastnosti objektu.
Uvažujme například, že máme objekt „Student“, kde jeho vlastnosti jsou: křestní jméno, příjmení, věk, student_id, třída atd. Reprezentace objektu javascript pro tento studentský objekt bude reprezentována takto:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Zde si všimněte, že vlastnosti first_name, last_name a class obsahují hodnoty datového typu String, zatímco age a student_id jsou datového typu number.
Jak vytvořit objekt v JavaScriptu?
Aby bylo možné vytvářet objekty, javascript nabízí několik možností, pomocí kterých lze vytvářet objekty podle potřeby.
1. Využití syntaxe inicializátoru objektů
Syntaxe inicializátoru objektu je seznam názvů vlastností (klíčů) spolu s jejich příslušnými hodnotami uzavřenými v složených závorkách ((…)). Ve výše uvedeném příkladu jsme vytvořili objekt „student“ pomocí syntaxe inicializátoru objektu. Syntaxe je následující:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Zde jsou vlastnosti buď primitivního datového typu (řetězec, číslo, boolean, null a undefined jsou primitivní datové typy v javascriptu) nebo jiný objekt.
Například
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Zde je vlastnost „rodičů“ typu objektu. Skládá se ze dvou dílčích vlastností, a to otce a matky.
2. Využití funkce konstruktoru
V tomto případě nejprve definujte funkci konstruktoru s příslušnými vlastnostmi a poté vytvořte objekt pomocí klíčového slova „nové“. Potom přiřaďte hodnoty tomuto nově vytvořenému objektu.
Příklad: Podívejme se na konstruktorovou funkci, řekněme Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Všimněte si, že jméno konstruktoru by mělo začínat velkými písmeny podle konvence názvů.
Nyní vytvořme objekt pomocí klíčového slova „nové“.
var myStudent = new Student('Anita Rai', 14, 'female');
Také si uvědomte, že zde předáváme hodnoty pouze konstruktoru. Konstruktor tyto hodnoty přiřazuje příslušným vlastnostem pomocí klíčového slova „this“. Na aktuální objekt se odkazuje pomocí klíčového slova „toto“.
3. Využití instance objektu
Alternativně by bylo možné použít konstruktor instance objektu / objekt k jeho vytvoření a inicializaci následujícím způsobem:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Využití metody Create () ve třídě Object
Dalo by se také vytvořit objekty pomocí metody create () poskytované třídou objektu. Metoda create bere v prototypu objektu jako parametr. Díky tomu by se dalo vyhnout nutnosti psát konstruktorovou funkci.
Například
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Zde „student“ je náš prototypový objekt. Nyní vytvoříme další objekt:
var student_1 = object.create(student);
Zde je objekt student_1 vytvořen pomocí studentského prototypu. Pokud je třeba změnit některou z hodnot na tento nově vytvořený objekt, je to provedeno následovně:
Student_1.name = “Ananya Gupta”;
Nyní má objekt student_1 podobné hodnoty vlastností jako studentský objekt, s výjimkou vlastnosti „name“.
Jak přistupovat k objektům v JavaScriptu?
Nyní, když je objekt vytvořen, je potřeba vědět, jak k němu přistupujeme? Javascript nabízí dva způsoby, jak jeden z nich získat přístup k objektu:
1. Použití instance objektu
Zde se instance objektu používá k přístupu k jeho vlastnostem.
Syntaxe: object.property
Například: zvažte, že máme definovaný objekt studenta,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Nyní pro přístup k objektu a jeho vlastnostem vytiskneme jej na konzoli:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Použití hranatých závorek
Vlastnost objektu je umístěna v hranatých závorkách za samotným objektem.
Syntaxe: object('property')
Příklad: Přístup k výše uvedenému studentskému objektu pomocí hranatých závorek,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
Metody objektu JavaScript
Málo nejčastěji používaných javascriptových metod je následující:
- create (): Jak jsme již viděli výše, tato metoda se používá k vytváření javascriptových objektů z prototypového objektu.
- is (): Tato metoda bere jako parametr druhý objekt a určuje, zda jsou oba objekty stejné a vrací booleovskou hodnotu. To znamená, že pokud jsou oba objekty stejné, vrátí se „true“, jinak „false“.
- keys (): Metoda keys () převezme objekt javascript jako parametr a vrací pole jeho vlastností.
- hodnoty (): Podobně metoda hodnot vezme objekt javascript jako parametr a vrací pole jeho hodnot.
- Položky (): Tato metoda také vezme objekt javascript jako parametr a vrátí pole obsahující další pole obou párů klíč-hodnota. Příklad: Podívejme se ještě jednou na náš „studentský“ objekt,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Závěr
Tento článek poskytuje představu o tom, co přesně jsou objekty JavaScriptu a různé způsoby, jak je lze vytvořit. Také popisuje vlastnosti, které tyto objekty mají, a jak je lze k nim přistupovat různými způsoby. A konečně, nejčastěji používané metody, které je třeba znát pro práci s objekty javascript.
Doporučené články
Toto je průvodce objekty JavaScriptu. Zde diskutujeme o tom, jak vytvořit objekt v JavaScriptu a jak získat přístup k objektům v JavaScriptu. Další informace naleznete také v následujících článcích -
- Konstruktor v JavaScriptu
- Přepisování v JavaScriptu
- Vlastnosti JavaScriptu
- Jak funguje JavaScript
- Objekt v Javě