Что такое объекты JavaScript?
Объекты являются основными строительными блоками для каждого объектно-ориентированного языка. JavaScript, являющийся объектно-ориентированным языком, не является исключением из этой концепции. Благодаря широкому распространению javascript из-за его способности обеспечивать динамическое поведение веб-страниц следует знать о javascript и о том, как работать с его объектами.
Объекты в javascript - это группа различных типов данных или объектов, объединенных в пары «ключ-значение». «Ключевая» часть объекта - это не что иное, как свойства объекта.
Например, давайте рассмотрим, что у нас есть объект «Student», где его свойства: first_name, last_name, age, student_id, class и т. Д. Представление объекта 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 имеют тип данных number.
Как создать объект в 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')
)
Обратите внимание, что здесь свойство «parent» относится к типу object. Он состоит из двух под-свойств, а именно, отец и мать соответственно.
2. Использование функции конструктора
В этом случае сначала определите функцию-конструктор с ее соответствующими свойствами, после чего создайте ее объект, используя ключевое слово «new». Затем присвойте значения этому вновь созданному объекту.
Например: давайте рассмотрим функцию конструктора, скажем Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Обратите внимание, что имя конструктора должно начинаться с верхнего регистра в соответствии с соглашением об именах.
Теперь давайте создадим объект, используя ключевое слово «new».
var myStudent = new Student('Anita Rai', 14, 'female');
Также обратите внимание, что здесь мы только передаем значения конструктору. Конструктор присваивает эти значения соответствующим свойствам, используя ключевое слово «this». На текущий объект ссылаются с помощью ключевого слова this.
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);
Здесь объект student_1 создается с использованием прототипа student. Если нужно изменить какое-либо значение для этого вновь созданного объекта, то это делается следующим образом:
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:
- create (): как мы уже видели выше, этот метод используется для создания объектов javascript из объекта-прототипа.
- is (): этот метод принимает второй объект в качестве параметра и определяет, равны ли оба объекта, и возвращает логическое значение. То есть, если оба объекта равны, то возвращается «истина», иначе «ложь».
- keys (): метод keys () принимает объект javascript в качестве параметра и возвращает массив его свойств.
- values (): Точно так же метод values принимает объект javascript в качестве параметра и возвращает массив его значений.
- records (): этот метод также принимает объект 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