В този урок ще научите за 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.
