JavaScript обекти - Как да създадете & достъп до обект в JavaScript?

Съдържание:

Anonim

Какво представляват JavaScript обектите?

Обектите са основните градивни елементи за всеки обектно ориентиран език. JavaScript като обектно-ориентиран език не е изключение от тази концепция. Тъй като javascript е широко възприет поради способността му да предоставя динамично поведение на уеб страниците, човек трябва да е наясно с JavaScript и как да работи с обектите си.

Обектите в javascript са група от различни типове данни или обекти, обединени като двойки „ключ-стойност“. Ключовата част на обекта не е нищо друго освен свойствата на обекта.

Например, нека помислим, че имаме обект „Студент“, където неговите свойства са: първо име, фамилия, възраст, студент_ид, клас и др. Представянето на обект на JavaScript за този студентски обект ще бъде представено, както следва:

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

Тук имайте предвид, че свойствата first_name, last_name и class съдържат стойности на тип данни String, докато age и student_id са от типа данни за номера.

Как да създадете обект в JavaScript?

За да създаде обекти, javascript предоставя няколко опции, чрез които човек може да създава обекти според нуждите си.

1. Използване на синтаксиса на инициализатора на обекти

Синтаксисът на инициализатор на обект е списък с имена на собствености (ключове), заедно със съответните им стойности, затворен в къдрави скоби ((…)). В горния пример създадохме обекта „студент“, използвайки синтаксиса на инициализатора на обект. Синтаксисът е следният:

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

Тук свойствата са или от примитивен тип данни (string, number, Boolean, null и undefined са примитивните типове данни в javascript) или друг обект.

Например

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

Забележете, тук свойството „родители“ е тип обект. Състои се от две под-свойства, съответно баща и майка.

2. Използване на функцията на конструктора

В този случай първо определете функция на конструктор със съответните му свойства, след което създайте обекта си, използвайки ключовата дума „нов“. След това задайте стойностите на този новосъздаден обект.

Например: Нека помислим за функция конструктор, да кажем Student:

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. Използване на метода Create () в клас на обекта

Човек би могъл също да създаде обекти, като използва метода create (), предоставен от обектния клас. Методът create създава прототип на обект като параметър. Поради това може да се избегне необходимостта от писане на функция конструктор.

Например

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

Тук „студент“ е нашият обект на прототип. Сега, използвайки това, нека създадем друг обект:

var student_1 = object.create(student);

Тук обектът students_1 е създаден с помощта на прототипа на студента. Ако човек трябва да промени някоя от стойностите на този новосъздаден обект, тогава това се прави по следния начин:

Student_1.name = “Ananya Gupta”;

Сега, Student_1 обект има подобни стойности на свойствата като този на студентски обект, с изключение на свойството "name".

Как да получите достъп до обекти в JavaScript?

Сега, когато обектът е създаден, следващото нещо, което човек трябва да знае, е как да получим достъп до него? Е, javascript предоставя два начина, чрез които човек може да получи достъп до обекта:

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.

Обектни методи на JavaScript

Малко използвани предимно методи на JavaScript са, както следва:

  1. create (): Както вече видяхме по-горе, този метод се използва за създаване на JavaScript обекти от обект на прототип.
  2. е (): Този метод приема за втори обект като параметър и определя дали и двата обекта са равни и връща булева стойност. Тоест ако и двата обекта са равни, тогава се връща „true“, иначе „false“.
  3. keys (): Методът keys () приема обекта javascript като параметър и връща масив от неговите свойства.
  4. values ​​(): По същия начин методът на стойности приема в javascript обект като параметър и връща масив от неговите стойности.
  5. entries (): Този метод също приема като javascript обект и връща масив, съдържащ друг масив от двете двойки ключ-стойност. Пример: Нека разгледаме още веднъж нашия „студентски” обект,

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

заключение

Тази статия дава представа какво точно представляват JavaScript обектите и различните начини, по които човек би могъл да ги създаде. Той също така обсъжда свойствата, които притежават тези обекти и как човек би могъл да получи достъп до тях по различни начини. И накрая, най-често използваните методи трябва да са наясно, за да работят с JavaScript обекти.

Препоръчителни статии

Това е ръководство за JavaScript обекти. Тук обсъждаме как да създадем обект в JavaScript и как да получим достъп до обекти в JavaScript. Може да разгледате и следните статии, за да научите повече -

  1. Конструктор в JavaScript
  2. Отмяна на JavaScript
  3. Характеристики на JavaScript
  4. Как работи JavaScript
  5. Обект в Java