Mik a JavaScript objektumok?
Az objektumok minden objektum-orientált nyelv alapvető építőelemei. Ez a koncepció kivétel a JavaScript, amely objektum-orientált nyelv. Mivel a javascriptet széles körben alkalmazzák, mivel képes dinamikusan viselkedni a weboldalakon, tisztában kell lenni a javascripttel és az objektumokkal való együttműködés módjával.
A javascript-ben lévő objektumok különféle adattípusok vagy objektumok csoportja, amelyek „kulcs-érték” párként vannak összeállítva. Az objektum „kulcs” része nem más, mint az objektum tulajdonságai.
Tegyük fel például, hogy van egy „Student” objektum, ahol annak tulajdonságai: keresztnév, utónév, életkor, hallgató azonosítója, osztály stb. A javascript objektum reprezentációja ehhez a hallgató objektumhoz a következő:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Itt vegye figyelembe, hogy az első_név, utónév és az osztály tulajdonságok a karakterlánc adattípus értékeit tartalmazzák, míg az életkor és a tanuló_azonosító szám adattípus.
Hogyan lehet objektumot létrehozni JavaScript-ben?
Objektumok létrehozása érdekében a javascript néhány lehetőséget kínál, amelyek segítségével objektumokat hozhat létre az igényeik szerint.
1. Az Object Initializer szintaxisának használata
Az objektum inicializáló szintaxisa a tulajdonságnevek (kulcsok) és azok megfelelő értékeinek listája, göndör tartóban ((…)) lezárva. A fenti példában az "inicializáló szintaxis" segítségével létrehoztuk a "diák" objektumot. A szintaxis a következő:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Itt a tulajdonságok vagy primitív adattípusok (karakterlánc, szám, logikai, null és undefined a primitív adattípusok javascript-ben), vagy más objektumok.
Például
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Megjegyzés: itt a „szülők” tulajdonság objektum típusú. Két résztulajdonságból áll, nevezetesen apa és anya.
2. A konstruktor funkció kihasználása
Ebben az esetben először definiálja a konstruktor függvényét a megfelelő tulajdonságokkal, majd az objektumot az „új” kulcsszóval hozza létre. Ezután rendelje meg az értékeket ehhez az újonnan létrehozott objektumhoz.
Például: Vegyük fontolóra egy konstruktor függvényt, mondjuk a Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Vegye figyelembe, hogy a kivitelező nevének a nagy elnevezésű nagybetűvel kell kezdődnie, az elnevezési konvenció szerint.
Most hozzuk létre az objektumot az „új” kulcsszóval.
var myStudent = new Student('Anita Rai', 14, 'female');
Azt is vegye figyelembe, hogy itt csak az értékeket adjuk át a konstruktornak. A kivitelező ezeket az értékeket hozzárendeli a megfelelő tulajdonságokhoz „ez” kulcsszó használatával. Az aktuális objektumra „ez” kulcsszó segítségével hivatkozunk.
3. Objektum példányának felhasználása
Alternatív megoldásként felhasználhatja az objektumpéldányt / objektum-konstruktort az alábbiak szerint:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. A Create () módszer használata az objektum osztályban
Objektumokat is létrehozhat az objektumosztály által biztosított create () metódussal. A létrehozási módszer objektum prototípust vesz paraméterként. Ezért elkerülhető volt a konstruktor függvény írása.
Például
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Itt a „hallgató” a mi prototípus-objektumunk. Most ennek felhasználásával hozzunk létre egy másik objektumot:
var student_1 = object.create(student);
Itt a student_1 objektumot a hallgató prototípusával hozzák létre. Ha valamelyik értéket meg kell változtatnia erre az újonnan létrehozott objektumra, akkor ezt a következőképpen kell elvégezni:
Student_1.name = “Ananya Gupta”;
Most, a student_1 objektumnak hasonló tulajdonságértékei vannak, mint a hallgató objektumának, kivéve a „név” tulajdonságot.
Hogyan lehet hozzáférni az objektumokhoz a JavaScript-ben?
Most, hogy az objektum létrehozásra került, a következő dolog, amit tudnunk kell, hogyan lehet elérni? Nos, a javascript kétféle módon nyújt hozzáférést az objektumhoz:
1. Objektumpéldány használata
Az objektumpéldányt itt használják tulajdonságai eléréséhez.
Szintaxis: object.property
Példa: vegye figyelembe, hogy van-e definiálva egy objektum hallgató,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Az objektum és tulajdonságai eléréséhez nyomjuk ki a konzolra:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Szögletes zárójel használata
Az objektum tulajdonság szögletes zárójelbe kerül az objektum után.
Szintaxis: object('property')
Például: Hozzáférés a fenti tanuló objektumhoz szögletes zárójelben,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
JavaScript objektum módszerek
Kevés a leginkább alkalmazott javascript módszer:
- create (): Mint már fentebb láttuk, ezt a módszert javascript objektumok létrehozására használják egy prototípus objektumból.
- is (): Ez a módszer vesz egy második objektumot paraméterként, és meghatározza, hogy mindkét objektum azonos-e, és visszaad-e egy logikai értéket. Vagyis ha mindkét objektum egyenlő, akkor a „true” -et adjuk vissza, egyébként „false” -ot.
- kulcsok (): A kulcsok () módszer a javascript objektumot veszi paraméterként, és tulajdonságainak tömbjét adja vissza.
- értékek (): Hasonlóan az értékek módszere paraméterként javascript objektumot vesz fel, és értékeinek tömbjét adja vissza.
- entry (): Ez a módszer javascript objektumot vesz paraméterként, és egy tömböt ad vissza, amely mindkét kulcs-érték párt egy másik tömböt tartalmaz. Példa: Nézzük meg még egyszer a „hallgató” tárgyunkat,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Következtetés
Ez a cikk áttekintést nyújt arról, hogy mi is pontosan a javascript objektumok, és hogyan lehet ezeket létrehozni. Azt is tárgyalja, hogy ezek a tárgyak milyen tulajdonságokkal rendelkeznek, és hogyan lehet különféle módon hozzájuk férni. Végül a leggyakrabban használt módszereket tisztában kell tartani a javascript objektumokkal való együttműködéshez.
Ajánlott cikkek
Ez egy útmutató a JavaScript objektumokhoz. Itt tárgyaljuk, hogyan lehet objektumot létrehozni JavaScript-ben, és hogyan érhetjük el az objektumokat JavaScript-ben. Lehet, hogy megnézi a következő cikkeket is, ha többet szeretne megtudni -
- Kivitelező a JavaScript-ben
- A JavaScript felülírása
- A JavaScript jellemzői
- Hogyan működik a JavaScript?
- Objektum Java-ban