Co to są obiekty JavaScript?
Obiekty są podstawowymi elementami składowymi każdego języka obiektowego. JavaScript jako język obiektowy nie jest wyjątkiem od tej koncepcji. Ponieważ JavaScript jest powszechnie stosowany ze względu na jego zdolność do dynamicznego zachowania stron internetowych, należy być świadomym javascript i jak pracować z jego obiektami.
Obiekty w javascript to grupa różnych typów danych lub obiektów połączonych w pary „klucz-wartość”. „Kluczowa” część obiektu to nic innego jak właściwości obiektu.
Rozważmy na przykład, że mamy obiekt „Student”, w którym jego właściwości to: imię, nazwisko, wiek, identyfikator studenta, klasa itp. Reprezentacja obiektu javascript dla tego obiektu studenta byłaby reprezentowana w następujący sposób:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Zauważ, że właściwości first_name, last_name i class zawierają wartości typu danych String, podczas gdy wiek i student_id są typu danych liczbowych.
Jak stworzyć obiekt w JavaScript?
Aby tworzyć obiekty, javascript udostępnia kilka opcji, za pomocą których można tworzyć obiekty według własnych potrzeb.
1. Korzystanie ze składni inicjalizatora obiektów
Składnia inicjalizująca obiekt to lista nazw właściwości (kluczy) wraz z odpowiadającymi im wartościami, ujęta w nawiasy klamrowe ((…)). W powyższym przykładzie stworzyliśmy obiekt „student” przy użyciu składni inicjalizującej obiekt. Składnia jest następująca:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Tutaj właściwości są albo pierwotnego typu danych (ciąg, liczba, wartość logiczna, null i niezdefiniowane są pierwotnymi typami danych w javascript) lub innego obiektu.
Na przykład
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Uwaga: tutaj właściwość „rodzice” ma typ obiektu. Składa się z dwóch pod-właściwości, mianowicie odpowiednio ojca i matki.
2. Wykorzystanie funkcji konstruktora
W takim przypadku najpierw zdefiniuj funkcję konstruktora z odpowiednimi właściwościami, a następnie utwórz obiekt za pomocą słowa kluczowego „new”. Następnie przypisz wartości do tego nowo utworzonego obiektu.
Na przykład: Rozważmy funkcję konstruktora, powiedzmy Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Zauważ, że nazwa konstruktora powinna zaczynać się od dużej litery zgodnie z konwencją nazewnictwa.
Teraz stwórzmy obiekt za pomocą słowa kluczowego „new”.
var myStudent = new Student('Anita Rai', 14, 'female');
Zauważ też, że tutaj przekazujemy tylko wartości do konstruktora. Konstruktor przypisuje te wartości do odpowiednich właściwości za pomocą słowa kluczowego „this”. Do bieżącego obiektu odwołuje się słowo kluczowe „this”.
3. Wykorzystanie wystąpienia obiektu
Alternatywnie, można użyć instancji obiektu / konstruktora obiektu do utworzenia i zainicjowania go w następujący sposób:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Wykorzystanie metody Create () w klasie obiektów
Można również tworzyć obiekty za pomocą metody create () zapewnianej przez klasę obiektów. Metoda create przyjmuje prototyp obiektu jako parametr. Z tego powodu można uniknąć konieczności pisania funkcji konstruktora.
Na przykład
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Tutaj „uczeń” jest naszym prototypowym obiektem. Teraz, korzystając z tego, stwórzmy kolejny obiekt:
var student_1 = object.create(student);
Tutaj obiekt student_1 jest tworzony przy użyciu prototypu studenta. Jeśli trzeba zmienić dowolną wartość tego nowo utworzonego obiektu, należy to zrobić w następujący sposób:
Student_1.name = “Ananya Gupta”;
Teraz obiekt student_1 ma podobne wartości właściwości jak obiekt studenta, z wyjątkiem właściwości „name”.
Jak uzyskać dostęp do obiektów w JavaScript?
Teraz, gdy obiekt został utworzony, następną rzeczą, którą trzeba wiedzieć, jest to, jak do niego uzyskać dostęp? Cóż, javascript zapewnia dwa sposoby dostępu do obiektu:
1. Korzystanie z instancji obiektu
Tutaj instancja obiektu służy do uzyskania dostępu do jej właściwości.
Składnia: object.property
Na przykład: rozważmy zdefiniowanie obiektu ucznia,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Aby uzyskać dostęp do obiektu i jego właściwości, wydrukujmy go na konsoli:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Korzystanie z nawiasów kwadratowych
Właściwość obiektu jest umieszczana w nawiasach kwadratowych za samym obiektem.
Składnia: object('property')
Na przykład: dostęp do powyższego obiektu studenckiego za pomocą nawiasów kwadratowych,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
Metody obiektowe JavaScript
Kilka najczęściej używanych metod javascript to:
- create (): Jak widzieliśmy powyżej, ta metoda służy do tworzenia obiektów javascript z obiektu prototypowego.
- is (): Ta metoda przyjmuje drugi obiekt jako parametr i określa, czy oba obiekty są równe i zwraca wartość logiczną. To znaczy, jeśli oba obiekty są równe, wówczas zwracane jest „prawda”, w przeciwnym razie „fałsz”.
- keys (): Metoda keys () pobiera obiekt javascript jako parametr i zwraca tablicę swoich właściwości.
- wartości (): Podobnie metoda wartości przyjmuje obiekt javascript jako parametr i zwraca tablicę jego wartości.
- wpisów (): Ta metoda przyjmuje również obiekt javascript jako parametr i zwraca tablicę zawierającą inną tablicę obu par klucz-wartość. Przykład: Zastanówmy się raz jeszcze nad naszym obiektem „studenckim”,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Wniosek
Ten artykuł daje wyobrażenie o tym, czym dokładnie są obiekty javascript i różne sposoby ich tworzenia. Omówiono także właściwości tych obiektów i sposób, w jaki można uzyskać do nich dostęp na różne sposoby. Wreszcie, najczęściej używane metody, o których trzeba wiedzieć, aby pracować z obiektami javascript.
Polecane artykuły
To jest przewodnik po obiektach JavaScript. Tutaj omawiamy, jak utworzyć obiekt w JavaScript i jak uzyskać dostęp do obiektów w JavaScript. Możesz także zapoznać się z następującymi artykułami, aby dowiedzieć się więcej -
- Konstruktor w JavaScript
- Przesłanianie w JavaScript
- Funkcje JavaScript
- Jak działa JavaScript
- Obiekt w Javie