Що таке об’єкти JavaScript?
Об'єкти - це основні будівельні блоки для кожної об'єктно-орієнтованої мови. JavaScript, будучи об'єктно-орієнтованою мовою, не є винятком із цієї концепції. Оскільки JavaScript широко застосовується завдяки його здатності надавати динамічну поведінку веб-сторінкам, слід знати, що JavaScript і як працювати з його об'єктами.
Об'єкти в javascript - це група різних типів даних або об'єкти, складені як пари «значення-значення». "Ключова" частина об'єкта - це не що інше, як властивості об'єкта.
Наприклад, розглянемо, що у нас є об’єкт "Student", де його властивостями є: ім'я, прізвище, ім'я, вік, студент_id, клас тощо. Представлення об'єкта javascript для цього студентського об'єкта було б представлене таким чином:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Тут зауважте, що властивості first_name, прізвище та клас містять значення типу даних String, тоді як вік та student_id мають тип даних про число.
Як створити об’єкт у JavaScript?
Для створення об’єктів javascript надає декілька варіантів, за допомогою яких можна створювати об'єкти відповідно до потреб.
1. Використання синтаксису ініціалізатора об'єктів
Синтаксис ініціалізатора об'єктів - це список імен властивостей (ключів) разом з їх відповідними значеннями, укладений у фігурні дужки ((…)). У наведеному вище прикладі ми створили об’єкт "student" за допомогою синтаксису ініціалізатора об'єктів. Синтаксис такий:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Тут властивості є або примітивним типом даних (рядок, число, булева, нульова та невизначена - це примітивні типи даних у 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. Використання функції конструктора
У цьому випадку спочатку визначте функцію конструктора з відповідними властивостями, після чого створіть його об'єкт за допомогою ключового слова «new». Потім призначте значення цьому новоствореному об’єкту.
Наприклад: Розглянемо функцію конструктора, скажімо, студент:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Зауважте, що ім'я конструктора повинно починатися з верхнього регістру згідно з умовами іменування.
Тепер давайте створимо об’єкт за допомогою ключового слова "new".
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 (), наданий класом об'єктів. Метод створення приймає в якості параметра прототип об'єкта. Завдяки цьому можна було б уникнути необхідності писати функції конструктора.
Наприклад
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Тут «студент» - наш об’єкт-прототип. Тепер, скориставшись цим, створимо ще один об’єкт:
var student_1 = object.create(student);
Тут об’єкт student_1 створюється за допомогою прототипу студента. Якщо потрібно змінити будь-яке значення цього новоствореного об’єкта, це робиться так:
Student_1.name = “Ananya Gupta”;
Тепер об’єкт student_1 має аналогічні значення властивостей, ніж у об'єкта student, за винятком властивості "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 є наступними:
- create (): Як ми вже бачили вище, цей метод використовується для створення об'єктів javascript з об'єкта-прототипу.
- є (): Цей метод приймає другий об'єкт як параметр і визначає, чи обидва об'єкта рівні і повертає булеве значення. Тобто, якщо обидва об'єкти рівні, тоді повертається "true", інакше "false".
- keys (): метод keys () приймає об’єкт javascript як параметр і повертає масив його властивостей.
- values (): Аналогічно метод значень приймає об’єкт javascript як параметр і повертає масив його значень.
- entries (): Цей метод також бере в якості параметра об’єкт javascript і повертає масив, що містить інший масив обох пар ключів і значень. Приклад: Давайте ще раз розглянемо наш «студентський» об’єкт,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Висновок
Ця стаття дає уявлення про те, що саме є об’єктами javascript та якими способами можна їх створити. Тут також обговорюються властивості, якими володіють ці об'єкти, і як можна було отримати доступ до них різними способами. Нарешті, найбільш часто використовувані методи, які потрібно знати, щоб працювати з об’єктами JavaScript.
Рекомендовані статті
Це посібник з об’єктів JavaScript. Тут ми обговорюємо, як створити об’єкт у JavaScript та як отримати доступ до об’єктів у JavaScript. Ви також можете переглянути наступні статті, щоб дізнатися більше -
- Конструктор у JavaScript
- Перевірка в JavaScript
- Особливості JavaScript
- Як працює JavaScript
- Об'єкт на Java