От автора: приветствую вас, друзья. В этой статье мы с вами продолжим знакомиться с наиболее сложным, но и не менее интересным типом данных в JavaScript — речь идет об объектах. Приступим?
Напомню, в предыдущей части мы узнали, как добавлять данные в объект — свойства объекта, а также как получать эти данные. А что если мы хотим удалить некое свойство из объекта? Сделать это можно, использовав команду delete:
|
1 2 3 4 5 6 7 |
var names = { name1: 'John', name2: 'Jane' }; console.log(names); delete names.name1; console.log(names); |
Идем дальше. Объекты удобны тем, что в них можно не просто хранить свойства с одним значением, а даже целые объекты, т.е. получается некая древовидная структура хранения данных:
|
1 2 3 4 5 6 7 8 9 |
var names = { name1: 'John', nameObj: { val1: 'Name 1', val2: 'Name 2' }, name2: 'Jane', }; console.log(names); |
Как в этом случае получить доступ к свойствам вложенного объекта? Очень просто: через точку мы обратимся к объекту-свойству nameObj, а затем через еще одну точку уже к его свойствам:
|
1 2 3 4 |
console.log(names.name1); console.log(names.name2); console.log(names.nameObj.val2); console.log(names.nameObj.val1); |
Ну и, наконец, что особенно приятно, в объектах мы можем хранить и собственные функции. Функции эти принято называть методами объектами. Давайте попробуем добавить метод, который будет принимать некий параметр и выводить его в консоль:
|
1 2 3 4 5 6 7 8 |
var names = { name1: 'John', name2: 'Jane', hi: function(param){ console.log(param); } }; names.hi(names.name2); |
В результате в консоль будет выведен переданный параметр, в примере выше это переданное параметром свойство объекта. Удобная штука эти объекты, не правда ли? Теперь мы можем хранить в объектах не только свойства, но и методы.
На этом мы завершим текущую статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!
