В этой статье мы с вами начнем знакомиться с наиболее сложным, но и не менее интересным типом данных в JavaScript — речь идет об объектах. Приступим?
Если вы не забыли, то переменную мы с вами сравнивали с ящиком, в который можно положить что угодно, некое значение, но… только одно единственное значение. В любой момент мы можем изменить это значение, но, опять же, это будет все то же единственное значение.
В отличие от обычной переменной, объект можно сравнить с каталогом ящиков, в каждом из которых лежит что-то свое. Каждый ящик подписан и мы легко можем достать из него нужное значение.
Как и в случае с переменной, мы легко можем получить доступ к значению по имени переменной, по названию ящика, в котором находится нужная вещь.
Давайте посмотрим, как объявляется объект. JavaScript предлагает нам два варианта объявления объектов:
1.var object = new Object();2.var object2 = {};3.console.log(object);4.console.log(object2);Оба способа дадут нам объект, что мы и видим при распечатке в консоль:
Второй способ, как вы заметили, короче и поэтому чаще всего используется именно он. Я также рекомендую вам пользоваться на практике вторым способом объявления объектов.
Итак, как создавать объекты мы уже знаем. Однако пока что создаваемые объекты пусты. Давайте посмотрим, как же что-то положить в тот или иной ящик объекта. Сделать это можно несколькими способами. Первый способ:
1.var names = {};2.names.name1 = 'John';3.names.name2 = 'James';4.console.log(names);При распечатке в консоль будет выведено содержимое объекта names:
Как видим, внутри объекта находится два ящика — name1 и name2. Эти ящики называются свойствами объекта. Если вам проще, тогда можете считать, что свойство объекта — это, по сути, обычная переменная.
И второй способ добавления свойств в объект:
1.var names = {2.name1: 'John',3.name2: 'James'4.};5.console.log(names);Результат будет аналогичен первому. Как же теперь вывести то или иное свойство объекта. Получить доступ к свойству объекта просто, достаточно обратиться к самому объекту и через точку написать нужное свойство:
1.var names = {2.name1: 'John',3.name2: 'James'4.};5.console.log(names.name1);6.console.log(names.name2);
Источник: http://webformyself.com/obekty-v-javascript-chast-1/