Objekt és objektumkonstruktorok JavaScriptben?
Az objektumorientált programozás élő világában már ismerjük az osztályok és objektumok fontosságát, de más programozási nyelvektől eltérően a JavaScript nem rendelkezik a más nyelvekben megszokott hagyományos osztályokkal. A JavaScriptben azonban vannak objektumok és konstruktorok, amelyek többnyire ugyanúgy működnek, és ugyanolyan típusú műveleteket hajtanak végre.
- A konstruktorok általános JavaScript függvények, amelyeket a “new” kulcsszóval használunk. A konstruktoroknak két típusa van a JavaScriptben, azaz a beépített konstruktorok (tömb és objektum) és az egyéni konstruktorok (tulajdonságok és metódusok definiálása konkrét objektumokhoz).
- A konstruktorok hasznosak lehetnek, amikor egy olyan objektum “típus” létrehozására van szükségünk, amely többször is használható anélkül, hogy minden alkalommal újra kellene definiálni az objektumot, és ezt az Object Constructor funkcióval lehet elérni. A konvenció szerint a konstruktorok nevét nagybetűvel írjuk, hogy megkülönböztessük őket a hagyományos függvényektől.
Vegyük például a következő kódot:
function Automobile(color) { this.color=color; } var vehicle1 = new Automobile ("red"); A “Automobile()” függvény egy objektumkonstruktor, és annak tulajdonságai és metódusai i.e “szín” deklaráljuk benne a “this” kulcsszó előtaggal. Az objektumkonstruktorral definiált objektumok ezután a “new” kulcsszóval instanciává válnak.
Az új Automobile() meghívásakor a JavaScript két dolgot tesz:
- Elkészít egy friss új objektumot (példányt) Automobile() és hozzárendeli egy változóhoz.
- Az objektum konstruktor tulajdonságát, azaz a “color”-t Automobile-ra állítja.
Object.keys() módszer
AzObject.keys() módszer egy olyan tömb visszaadására szolgál, amelynek elemei az objektumon közvetlenül megtalálható felsorolható tulajdonságoknak megfelelő karakterláncok. A tulajdonságok sorrendje megegyezik az objektum által megadott sorrenddel, amelyet kézzel egy ciklusban alkalmazunk a tulajdonságokra.
Object.keys() argumentumként azt az objektumot veszi, amelynek a felsorolható saját tulajdonságait vissza kell adni, és egy olyan stringekből álló tömböt ad vissza, amely az adott objektum összes felsorolható tulajdonságát képviseli.
Alkalmazások:
- Object.keys() egy egyszerű tömb felsorolható tulajdonságainak visszaadására szolgál.
- Object.keys() egy tömbszerű objektum felsorolható tulajdonságainak visszaadására szolgál.
- Object.keys() egy tömbszerű objektum felsorolható tulajdonságainak visszaadására szolgál véletlenszerű kulcsrendezéssel.
Szintaktika:
Object.keys(obj)
Felhasznált paraméterek:
- obj : Az az objektum, amelynek felsorolható tulajdonságait vissza kell adni.
Return Value:
Object.keys() egy stringekből álló tömböt ad vissza, amely az adott objektum összes felsorolható tulajdonságát reprezentálja.
A fenti függvényre az alábbiakban találunk példákat.
Példák:
Input : var check = ; console.log(Object.keys(check));Output :
Magyarázat : Ebben a példában egy “check” tömbnek három tulajdonságértéke van, és az object.keys() metódus ennek a tömbnek a felsorolható tulajdonságait adja vissza. A tulajdonságok sorrendje megegyezik az objektum kézzel megadott sorrendjével.
Input : var object = { 0: 'x', 1: 'y', 2: 'z' }; console.log(Object.keys(object));Output :
Magyarázat : Ebben a példában egy “check” objektumhoz hasonló tömbnek három tulajdonságértéke van { 0: ‘x’, 1: ‘y’, 2: ‘z’ } és az object.keys() metódus ennek a tömbnek a felsorolható tulajdonságait adja vissza. A tulajdonságok sorrendje megegyezik az objektum által kézzel megadott sorrenddel.
Input : var object = { 70: 'x', 21: 'y', 35: 'z' }; console.log(Object.keys(object));Output :
Magyarázat : Ebben a példában egy “check” objektumhoz hasonló tömb három tulajdonságértékkel { 70: ‘x’, 21: ‘y’, 35: ‘z’ } rendelkezik véletlenszerű sorrendben, és az object.keys() metódus az indexek értékének növekvő sorrendjében adja vissza e tömb felsorolható tulajdonságait.
A fenti függvény kódjai az alábbiakban találhatók.
Kód 1:
<script> var check = ; console.log(Object.keys(check)); </script> KIMENET :
Code 2:
<script> var object = { 0: 'x', 1: 'y', 2: 'z' }; console.log(Object.keys(object)); </script> KIMENET :
Code 3:
<script> var object = { 70: 'x', 21: 'y', 35: 'z' }; console.log(Object.keys(object)); </script> KIMENET :