Što su JavaScript objekti?

Objekti su osnovni građevni blokovi za svaki objektno orijentirani jezik. JavaScript kao objektno orijentirani jezik nije izuzetak od ovog koncepta. Budući da je JavaScript široko prihvaćen zbog njegove sposobnosti pružanja dinamičkog ponašanja web stranicama, treba biti svjestan javascripta i načina rada s njegovim objektima.

Objekti u javascriptu su skupina različitih vrsta podataka ili objekti sastavljeni kao parovi "ključ-vrijednost". "Ključni" dio objekta nije ništa drugo do svojstva objekta.

Na primjer, uzmimo da imamo objekt "Student", gdje su njegova svojstva: ime, prezime, starost, student_id, klasa itd. Reprezentacija javaskularnog objekta za ovaj studentski objekt predstavljena je na sljedeći način:

var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)

Ovdje imajte na umu da svojstva ime i prezime, prezime i klasa sadrže vrijednosti vrste String podataka, dok su dob i student_id vrste broja podataka.

Kako stvoriti objekt u JavaScript-u?

Za stvaranje objekata javascript pruža nekoliko opcija pomoću kojih možete kreirati objekte prema vlastitim potrebama.

1. Iskorištavanje sintakse inicijatora objekta

Sintaksa inicijalizatora objekta je popis imena svojstava (ključeva) zajedno s njihovim vrijednostima, priložen u kovrčavim zagradama ((…)). U gornjem primjeru smo stvorili objekt "student" koristeći sintaksu inicijalizatora objekta. Sintaksa je sljedeća:

var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)

Ovdje su svojstva bilo primitivnog tipa podataka (string, broj, Boolean, null i undefined su primitivne vrste podataka u JavaScript-u) ili neki drugi objekt.

Na primjer

var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)

Imajte na umu, ovdje je vlasništvo roditelja tip objekta. Sastoji se od dva pod svojstva, naime, oca odnosno majke.

2. Iskorištavanje funkcije konstruktora

U ovom slučaju najprije definirajte funkciju konstruktora s pripadajućim svojstvima, nakon čega kreirate objekt pomoću ključne riječi "novo". Zatim dodijelite vrijednosti ovom novostvorenom objektu.

Na primjer: Razmotrimo funkciju konstruktora, recimo Student:

function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)

Imajte na umu da naziv konstruktora treba započeti s velikim slovom prema konvenciji o imenovanju.

Sada, kreirajmo objekt pomoću ključne riječi "novo".

var myStudent = new Student('Anita Rai', 14, 'female');

Također, imajte na umu da ovdje samo konstruktorima prenosimo vrijednosti. Konstruktor dodjeljuje ove vrijednosti odgovarajućim svojstvima pomoću ključne riječi "ovo". Na trenutni se objekt spominje pomoću ključne riječi "this".

3. Iskorištavanje instancije objekta

Alternativno, mogli bismo se koristiti objektnim primjerkom / konstruktorom objekta za kreiranje i inicijalizaciju na sljedeći način:

var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;

4. Korištenje metode Create () u klasi predmeta

Objekte se također može stvoriti pomoću metode create () koju pruža klasa objekta. Metoda stvaranja uzima kao prototip objekta objekt. Zbog toga bi se moglo izbjeći pisanje funkcije konstruktora.

Na primjer

var student = ( name : “Anamika Rai”, age : 14, gender : “female” )

Ovdje je "student" objekt našeg prototipa. Sada ćemo pomoću ovog stvoriti još jedan objekt:

var student_1 = object.create(student);

Ovdje se stvara student_1 objekt koristeći prototip učenika. Ako trebate promijeniti bilo koju od vrijednosti u ovom novostvorenom objektu, to se radi na sljedeći način:

Student_1.name = “Ananya Gupta”;

Sada, student_1 objekt ima slične vrijednosti svojstava kao i objekt učenika, osim svojstva "name".

Kako pristupiti objektima u JavaScript-u?

Sada kada je objekt stvoren, sljedeće što treba znati je kako mu pristupiti? Pa, javascript pruža dva načina na koji se može pristupiti objektu:

1. Korištenje instancije objekta

Ovdje se instanca objekta koristi za pristup njenim svojstvima.

Sintaksa: object.property

Na primjer: uzmite u obzir da imamo definiran objekt učenika,

var student = ( name : “Anamika Rai”, age : 14, gender : “female” )

Sada za pristup objektu i njegovim svojstvima ispisujemo ga na konzolu:

console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.

2. Korištenje uglatih zagrada

Svojstvo objekta smješta se u kvadratne zagrade nakon samog objekta.

Sintaksa: object('property')

Na primjer: Pristup gore navedenom učeničkom objektu pomoću kvadratnih zagrada,

console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.

JavaScript objektne metode

Nekoliko uglavnom korištenih metoda JavaScripta su sljedeće:

  1. create (): Kao što smo već vidjeli gore, ova metoda se koristi za stvaranje JavaScript objekata iz objekta prototipa.
  2. je (): Ova metoda uzima drugi objekt kao parametar i određuje jesu li oba objekta jednaka i vraća li logičku vrijednost. To jest, ako su oba objekta jednaka, vraća se "true", inače "false".
  3. keys (): Metoda keys () uzima objekt JavaScripta kao parametar i vraća niz njegovih svojstava.
  4. vrijednosti (): Slično metodi vrijednosti uzima i objekt JavaScripta kao parametar i vraća niz njegovih vrijednosti.
  5. entries (): Ova metoda također uzima objekt JavaScripta kao parametar i vraća niz koji sadrži drugi niz oba para ključa i vrijednosti. Primjer: Razmotrimo još jedan objekt "student",

console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))

Zaključak

Ovaj članak daje ideju o tome što su točno JavaScript objekti i različite načine na koje biste ih mogli stvoriti. Također se raspravlja o svojstvima koja ovi objekti posjeduju i kako im se može pristupiti na različite načine. I na kraju, najčešće korištene metode kojih treba biti svjestan da rade s JavaScript objektima.

Preporučeni članci

Ovo je vodič za JavaScript objekte. Ovdje smo razgovarali o tome kako stvoriti objekt u JavaScript-u i kako pristupiti objektima u JavaScript-u. Možete također pogledati sljedeće članke da biste saznali više -

  1. Konstruktor u JavaScriptu
  2. Poništavanje JavaScript-a
  3. Značajke JavaScripta
  4. Kako funkcionira JavaScript
  5. Objekt u Javi

Kategorija:

Razvoj softvera