В этом руководстве вы узнаете об объектах JavaScript с помощью примеров.
В руководстве по типам данных JavaScript вы узнали о 7 различных примитивных типах данных. А здесь вы узнаете о восьмом>// object const student = ( firstName: 'ram', class: 10 );
Вот studentобъект, который хранит такие значения, как строки и числа.
Объявление объекта JavaScript
Синтаксис объявления объекта:
const object_name = ( key1: value1, key2: value2 )
Здесь объект object_nameопределен. Каждый член объекта представляет собой пару ключ: значение, разделенную запятыми и заключенную в фигурные скобки ().
Например,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Вы также можете определить объект в одной строке.
const person = ( name: 'John', age: 20 );
В приведенном выше примере nameи age- ключи, Johnи 20- значения соответственно.
Есть и другие способы объявить объект в JavaScript. Чтобы узнать больше, посетите страницу «Различные способы объявления объектов JavaScript».
Свойства объекта JavaScript
В JavaScript пары «ключ: значение» называются свойствами . Например,
let person = ( name: 'John', age: 20 );
Здесь name: 'John'и age: 20находятся свойства.
Свойства объекта JavaScript
Доступ к свойствам объекта
Вы можете получить доступ к значению свойства, используя его ключ .
1. Использование точечной записи
Вот синтаксис точечной записи.
objectName.key
Например,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Использование скобок
Вот синтаксис скобок.
objectName("propertyName")
Например,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
Вложенные объекты JavaScript
Объект также может содержать другой объект. Например,
// nested object const student = ( name: 'John', age: 20, marks: ( science: 70, math: 75 ) ) // accessing property of student object console.log(student.marks); // (science: 70, math: 75) // accessing property of marks object console.log(student.marks.science); // 70
В приведенном выше примере объект studentсодержит значение объекта в marksсвойстве.
Методы объектов JavaScript
В JavaScript объект также может содержать функцию. Например,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Здесь функция используется как значение для клавиши приветствия. Вот почему нам нужно использовать person.greet()вместо person.greetвызова функции внутри объекта.
Метод JavaScript - это свойство, содержащее объявление функции. В следующем руководстве вы подробно узнаете о методах JavaScript.
