Доступ до Властивостей Об'єкта в JavaScript
Ми розглянемо два методи доступу до властивостей об'єкта: нотація через крапку та квадратні дужки. Ці методи дозволяють отримувати конкретні значення з об'єктів, і ми обговоримо ситуації, в яких кожен із них використовується найчастіше.
Нотація через крапку для доступу до властивостей
Нотація через крапку є основним і найпростішим методом доступу до властивостей. Ви звертаєтеся до об'єкта, додаєте крапку та вказуєте назву властивості.
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee.name); // Output: Miss Alma Boyer console.log(employee.address); // Output: 2277 Karine Plains console.log(employee.lastName); // Output: undefined
- Якщо ви намагаєтеся отримати доступ до властивості, якої не існує, JavaScript поверне
undefined; undefinedне виводиться при виконанні коду.
Доступ до властивостей через квадратні дужки
Квадратні дужки використовуються, коли ім'я властивості невідоме заздалегідь, містить пробіли або спеціальні символи, або зберігається у змінній.
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee["name"]); // Output: Miss Alma Boyer console.log(employee["address"]); // Output: 2277 Karine Plains console.log(employee["lastName"]); // Output: undefined
Цей метод передбачає використання імені властивості у вигляді рядка в квадратних дужках. Це дозволяє динамічно отримувати доступ до властивостей, що може бути корисним при роботі зі складнішими даними.
Доступ до вкладених властивостей
Об'єкти часто містять інші об'єкти. Використовуючи крапкову нотацію, можна отримати доступ до глибоко вкладених значень шляхом послідовного вказування імен властивостей.
1234567891011121314151617const course = { courseName: "Applied Science", courseDuration: "48 hours", author: { position: "Nuclear Physicist", age: 43, name: { first: "Mattie", last: "Crooks", }, }, }; console.log(course.author.position); // Output: Nuclear Physicist console.log(course.author.age); // Output: 43 console.log(course.author.name.first); // Output: Mattie console.log(course.author.name.last); // Output: Crooks
У цьому прикладі ми отримуємо доступ до властивостей на різних рівнях вкладеності в об'єкті product.
1. Які існують способи доступу до властивостей об'єкта?
2. Що повертається при використанні нотації через крапку для доступу до властивості об'єкта, якщо такої властивості не існує?
3. Розгляньте наступний складний об'єкт, що представляє контактну інформацію особи. Як можна отримати поштовий індекс з об'єкта person? Оберіть усі можливі варіанти.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Чудово!
Completion показник покращився до 2.27Доступ до Властивостей Об'єкта в JavaScript
Свайпніть щоб показати меню
Ми розглянемо два методи доступу до властивостей об'єкта: нотація через крапку та квадратні дужки. Ці методи дозволяють отримувати конкретні значення з об'єктів, і ми обговоримо ситуації, в яких кожен із них використовується найчастіше.
Нотація через крапку для доступу до властивостей
Нотація через крапку є основним і найпростішим методом доступу до властивостей. Ви звертаєтеся до об'єкта, додаєте крапку та вказуєте назву властивості.
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee.name); // Output: Miss Alma Boyer console.log(employee.address); // Output: 2277 Karine Plains console.log(employee.lastName); // Output: undefined
- Якщо ви намагаєтеся отримати доступ до властивості, якої не існує, JavaScript поверне
undefined; undefinedне виводиться при виконанні коду.
Доступ до властивостей через квадратні дужки
Квадратні дужки використовуються, коли ім'я властивості невідоме заздалегідь, містить пробіли або спеціальні символи, або зберігається у змінній.
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee["name"]); // Output: Miss Alma Boyer console.log(employee["address"]); // Output: 2277 Karine Plains console.log(employee["lastName"]); // Output: undefined
Цей метод передбачає використання імені властивості у вигляді рядка в квадратних дужках. Це дозволяє динамічно отримувати доступ до властивостей, що може бути корисним при роботі зі складнішими даними.
Доступ до вкладених властивостей
Об'єкти часто містять інші об'єкти. Використовуючи крапкову нотацію, можна отримати доступ до глибоко вкладених значень шляхом послідовного вказування імен властивостей.
1234567891011121314151617const course = { courseName: "Applied Science", courseDuration: "48 hours", author: { position: "Nuclear Physicist", age: 43, name: { first: "Mattie", last: "Crooks", }, }, }; console.log(course.author.position); // Output: Nuclear Physicist console.log(course.author.age); // Output: 43 console.log(course.author.name.first); // Output: Mattie console.log(course.author.name.last); // Output: Crooks
У цьому прикладі ми отримуємо доступ до властивостей на різних рівнях вкладеності в об'єкті product.
1. Які існують способи доступу до властивостей об'єкта?
2. Що повертається при використанні нотації через крапку для доступу до властивості об'єкта, якщо такої властивості не існує?
3. Розгляньте наступний складний об'єкт, що представляє контактну інформацію особи. Як можна отримати поштовий індекс з об'єкта person? Оберіть усі можливі варіанти.
Дякуємо за ваш відгук!
