Ce sunt obiectele JavaScript?
Obiectele sunt elementele de bază pentru fiecare limbaj orientat pe obiecte. JavaScript fiind un limbaj orientat pe obiecte nu face excepție de la acest concept. Dacă javascriptul este adoptat pe scară largă datorită capacității sale de a oferi un comportament dinamic paginilor web, ar trebui să conștientizăm javascript și cum să lucreze cu obiectele sale.
Obiectele din javascript sunt un grup de tipuri de date sau obiecte diferite reunite ca perechi „cheie-valoare”. Partea „cheie” a obiectului nu este altceva decât proprietățile obiectului.
De exemplu, să luăm în considerare că avem un obiect „Student”, unde proprietățile sale sunt: prenumele, prenumele, vârsta, studentul, clasa etc. Reprezentarea obiectului javascript pentru acest obiect student ar fi reprezentată după cum urmează:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Aici rețineți că proprietățile nume_numele, prenumele și clasa conțin valori de tipul de date String, în timp ce vârsta și student_id sunt de tipul de date cu număr.
Cum se creează un obiect în JavaScript?
Pentru a crea obiecte, javascript oferă câteva opțiuni folosind care poate crea obiecte în funcție de nevoile cuiva.
1. Utilizarea sintaxei inițializatorului de obiecte
Sintaxa inițializatorului de obiecte este o listă a numelor de proprietăți (chei) împreună cu valorile respective, înglobate în paranteza cretă ((…)). În exemplul de mai sus am creat obiectul „student” folosind sintaxa inițiatorului obiectului. Sintaxa este următoarea:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Aici proprietățile sunt fie de un tip de date primitiv (șir, număr, boolean, nul și nedefinit sunt tipurile de date primitive din javascript) sau un alt obiect.
De exemplu
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Rețineți, aici proprietatea „părinții” este de tip obiect. Este format din două sub-proprietăți și anume, respectiv tată și mamă.
2. Utilizarea funcției de constructor
În acest caz, în primul rând definiți o funcție de constructor cu proprietățile respective, urmând care să-și creeze obiectul folosind cuvântul cheie „nou”. Apoi alocați valorile acestui obiect nou creat.
De exemplu: Să luăm în considerare o funcție de constructor, să spunem Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Rețineți că numele constructorului ar trebui să înceapă cu majuscule conform convenției de denumire.
Acum, hai să creăm obiectul folosind cuvântul cheie „nou”.
var myStudent = new Student('Anita Rai', 14, 'female');
De asemenea, rețineți că aici trecem doar valorile constructorului. Constructorul atribuie aceste valori proprietăților respective utilizând cuvântul cheie „acest”. La obiectul curent se face referire folosind cuvântul cheie „acest”.
3. Utilizarea instanței unui obiect
În mod alternativ, s-ar putea folosi utilizarea instanței / constructorului obiectului pentru a crea și inițializa astfel:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Utilizarea metodei Create () din clasa obiect
De asemenea, se poate crea obiecte folosind metoda create () furnizată de clasa obiect. Metoda create are ca parametru un prototip de obiect. Datorită acestui lucru, s-ar putea evita să fie necesară scrierea unei funcții de constructor.
De exemplu
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Aici „student” este obiectul nostru prototip. Acum, folosind acest lucru, creăm un alt obiect:
var student_1 = object.create(student);
Aici, obiectul student_1 este creat folosind prototipul studentului. Dacă trebuie să schimbați oricare dintre valori la acest obiect nou creat, atunci se face astfel:
Student_1.name = “Ananya Gupta”;
Acum, obiectul student_1 are valori de proprietate similare cu cele ale obiectului student, cu excepția „nume” a proprietății.
Cum să accesați obiectele în JavaScript?
Acum că obiectul este creat, următorul lucru pe care trebuie să-l știm este cum îl accesăm? Ei bine, javascript oferă două modalități prin care se poate accesa obiectul:
1. Utilizarea unei instanțe de obiect
Aici instanța obiect este utilizată pentru a accesa proprietățile sale.
Sintaxa: object.property
De exemplu: considerăm că avem un student obiect definit,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Acum, pentru a accesa obiectul și proprietățile acestuia, să îl tipărim pentru a consola:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Folosind paranteze pătrate
Proprietatea obiectului este plasată între paranteze pătrate după obiectul însuși.
Sintaxa: object('property')
De exemplu: Accesarea obiectului de student de mai sus folosind paranteze pătrate,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
Metode de obiect JavaScript
Puține metode javascript utilizate în majoritate sunt următoarele:
- create (): Așa cum am văzut deja mai sus, această metodă este folosită pentru a crea obiecte javascript dintr-un obiect prototip.
- is (): Această metodă ia un al doilea obiect ca parametru și determină dacă ambele obiecte sunt egale și returnează o valoare booleană. Asta dacă ambele obiecte sunt egale, atunci „true” este returnat, altfel „false”.
- keys (): metoda keys () ia obiectul javascript ca parametru și returnează o serie de proprietăți.
- valori (): în mod similar, metoda de valori ia un obiect javascript ca parametru și returnează un tablou de valori.
- intrări (): Această metodă ia, de asemenea, un obiect javascript ca parametru și returnează un tablou, conținând un alt tablou de ambele perechi cheie-valoare. Exemplu: Să luăm în considerare obiectul nostru „student” încă o dată,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Concluzie
Acest articol vă oferă o idee despre exact obiectele javascript și despre diferitele moduri prin care s-ar putea crea. De asemenea, discută proprietățile pe care le posedă aceste obiecte și modul în care s-ar putea accesa în diferite moduri. În cele din urmă, cele mai utilizate metode de care trebuie să fie conștienți pentru a lucra cu obiecte javascript.
Articole recomandate
Acesta este un ghid pentru Obiecte JavaScript. Aici vom discuta despre cum să creați un obiect în JavaScript și cum să accesați obiecte în JavaScript. De asemenea, puteți arunca o privire la următoarele articole pentru a afla mai multe -
- Constructor în JavaScript
- Suprasolicitare în JavaScript
- Caracteristici ale JavaScript
- Cum funcționează JavaScript
- Obiect în Java