Шта су ЈаваСцрипт објекти?
Објекти су основни градивни блокови за сваки објектно оријентисани језик. ЈаваСцрипт као објектно орјентисан језик није изузетак од овог концепта. С обзиром да је ЈаваСцрипт широко прихваћен због његове способности да динамичким понашањем веб страница мора бити свјестан, ЈаваСцрипт и како радити са његовим објектима.
Објекти у јавасцрипту су група различитих типова података или објеката састављених као парови „кључ-вредност“. Кључни део објекта није ништа друго него својства објекта.
На пример, узмимо да имамо објект „Студент“, где су његова својства: име, презиме, старост, студент_ид, класа итд. Репрезентација Јава објекта за овај студентски објект представљена је на следећи начин:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Овде имајте на уму да својства име-презиме, презиме и класа садрже вредности врсте Стринг података, док су доб и студент_ид врсте броја података.
Како креирати објект у ЈаваСцрипт-у?
Да би створио објекте, јавасцрипт пружа неколико опција помоћу којих можете креирати објекте према властитим потребама.
1. Искориштавање синтаксе иницијатора објекта
Синтакса иницијализатора објекта је листа имена својстава (кључева) заједно са њиховим одговарајућим вредностима, затворена у коврчавим заградама ((…)). У горњем примјеру смо створили објект „студент“ користећи синтаксу иницијализатора објекта. Синтакса је следећа:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Овде су својства било примитивног типа података (стринг, број, Боолеан, нулл и ундефинед су примитивни типови података у ЈаваСцрипт-у) или неки други објект.
На пример
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Имајте на уму да је овде својство родитеља тип објекта. Састоји се од два под својства, односно оца односно мајке.
2. Коришћење функције конструктора
У овом случају најприје дефинирајте функцију конструктора са њеним одговарајућим својствима, након чега креирате објект помоћу кључне ријечи "ново". Затим доделите вредности овом новоствореном објекту.
На пример: Размотримо функцију конструктора, рецимо Студент:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Имајте на уму да име конструктора треба почети с великим словом према конвенцији о именовању.
Сада креирајмо објект помоћу кључне речи „ново“.
var myStudent = new Student('Anita Rai', 14, 'female');
Такође, имајте на уму да овде само преносимо вредности конструктору. Конструктор додељује ове вредности одговарајућим својствима помоћу кључне речи „ово“. На тренутни се објект спомиње помоћу кључне ријечи "тхис".
3. Искориштавање инстанције објекта
Алтернативно, може се користити инстанца објекта / конструктор објекта за креирање и иницијализација на следећи начин:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Кориштење методе Цреате () у предметној класи
Објекте се такође може креирати коришћењем методе цреате () коју пружа класа објекта. Метода креирања садржи прототип објекта као параметар. Због тога би се могло избећи писање функције конструктора.
На пример
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Овде је „студент“ наш прототипни објект. Сада ћемо помоћу овог креирати још један објект:
var student_1 = object.create(student);
Овде се ствара студент_1 објект користећи прототип ученика. Ако треба да промените било коју од вредности у овом новоствореном објекту, то се ради на следећи начин:
Student_1.name = “Ananya Gupta”;
Сада, студент_1 објект има сличне вриједности својстава као и објект ученика, осим својства „наме“.
Како приступити објектима у ЈаваСцрипт-у?
Сада када је објект створен, следећа ствар коју треба да знамо је како да му приступимо? Па, јавасцрипт пружа два начина на који се може приступити објекту:
1. Коришћење инстанције објекта
Овде се објектна инстанца користи за приступ њеним својствима.
Синтакса: object.property
На пример: узмите у обзир да смо дефинисали студента објекта,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Сада да приступимо објекту и његовим особинама, а затим штампамо на конзоли:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Коришћење квадратних заграда
Својство објекта смештено је у квадратне заграде након самог објекта.
Синтакса: object('property')
На пример: Приступ горе наведеном ученичком објекту помоћу квадратних заграда,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
ЈаваСцрипт Објецт Метходс
Неколико углавном коришћених метода ЈаваСцрипта су следеће:
- цреате (): Као што смо већ видели горе, ова метода се користи за креирање ЈаваСцрипт објеката из објекта прототипа.
- је (): Ова метода узима у други објект као параметар и одређује да ли су оба објекта једнака и враћа боолеан вриједност. То јест, ако су оба објекта једнака, враћа се "труе", у супротном "фалсе".
- кеис (): Метода кеис () узима објект ЈаваСцрипта као параметар и враћа низ његових својстава.
- валуес (): Слично томе, метода вредности узима објект ЈаваСцрипта као параметар и враћа низ његових вредности.
- ентриес (): Ова метода такође узима објект ЈаваСцрипта као параметар и враћа матрицу, која садржи други низ оба пара кључа и вредности. Пример: Размотримо још једном наш „студент“ објект,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Закључак
Овај чланак даје представу о томе шта су тачно ЈаваСцрипт објекти и различите начине на које бисте их могли креирати. Такође се разматра својства која ови објекти поседују и како им се може приступити на различите начине. Коначно, најчешће кориштене методе којих треба бити свјестан да раде са ЈаваСцрипт објектима.
Препоручени чланци
Ово је водич за ЈаваСцрипт објекте. Овде смо разговарали о томе како да креирате објект у ЈаваСцрипт-у и како приступити објектима у ЈаваСцрипт-у. Можда ћете такође погледати следеће чланке да бисте сазнали више -
- Конструктор у ЈаваСцрипт-у
- Прегласавање у ЈаваСцрипт-у
- Карактеристике ЈаваСцрипт-а
- Како функционише ЈаваСцрипт
- Објект на Јави