Объекты в 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. Удачи!

Курс по 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