Объекты в JavaScript. Часть 3

Объекты в JavaScript

От автора: приветствую вас, друзья. В этой статье мы с вами продолжим знакомиться с наиболее сложным, но и не менее интересным типом данных в JavaScript — речь идет об объектах. Приступим?

Напомню, в предыдущей части мы узнали, как добавлять данные в объект — свойства объекта, а также как получать эти данные. А что если мы хотим удалить некое свойство из объекта? Сделать это можно, использовав команду delete:

var names = {
 name1: 'John',
 name2: 'Jane'
};
console.log(names);
delete names.name1;
console.log(names);

Идем дальше. Объекты удобны тем, что в них можно не просто хранить свойства с одним значением, а даже целые объекты, т.е. получается некая древовидная структура хранения данных:

var names = {
 name1: 'John',
 nameObj: {
 val1: 'Name 1',
 val2: 'Name 2'
 },
 name2: 'Jane',
};
console.log(names);

Как в этом случае получить доступ к свойствам вложенного объекта? Очень просто: через точку мы обратимся к объекту-свойству nameObj, а затем через еще одну точку уже к его свойствам:

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

Узнать подробнее
console.log(names.name1);
console.log(names.name2);
console.log(names.nameObj.val2);
console.log(names.nameObj.val1);

Ну и, наконец, что особенно приятно, в объектах мы можем хранить и собственные функции. Функции эти принято называть методами объектами. Давайте попробуем добавить метод, который будет принимать некий параметр и выводить его в консоль:

var names = {
 name1: 'John',
 name2: 'Jane',
 hi: function(param){
 console.log(param);
 }
};
names.hi(names.name2);

В результате в консоль будет выведен переданный параметр, в примере выше это переданное параметром свойство объекта. Удобная штука эти объекты, не правда ли? Теперь мы можем хранить в объектах не только свойства, но и методы.

На этом мы завершим текущую статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Курс по JavaScript: основы

Изучите JavaScript с нуля до результата!

Смотреть курс

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree