<MyRusakov.ru />

Программирование на Python с Нуля до Гуру

Программирование на Python с Нуля до Гуру

Данный курс научит Вас программировать на языке Python, который крайне желательно знать любому, кто хоть иногда имеет дело с компьютерами. Курс состоит из 6 разделов, в которых Вы с нуля освоите этот язык и сможете создавать самые разные программы для самых разных задач любой сложности.

К курсу прилагается множество упражнений и все исходники из уроков.

Наконец, Вы получите ещё несколько бонусов: "Создание калькулятора на Python", "Создание игры на Python" и "Правильная работа со справочником".

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Объекты в JS - сложный тип данных

Объекты в JS - сложный тип данных

Object (объект) - это более сложный тип данных в JS. Хочу напомнить, что все остальные типы данных, являются примитивными, так как могут содержать только простые значения: строки, числа, булевый тип, null, undefined и symbol. Всего в JS существует 7 типов данных.

Мы можем представить себе объект в виде ячейки с карточками, такая система хранения обычно используется в архивах, регистратурах и.т.д. Элемент объекта - это карточка с прикреплённой к ней закладкой с буквами алфавита. По закладке (ключу объекта), легко можно найти нужную карточку (значение). Закладка и карточка вместе, составляют классическую пару (свойства) объекта: ключ -> значение.

Создание объекта в JS

Создать новый объект можно двумя способами:

// через фигурные скобки
let cell = {};

// с помощью конструкции new object
let cell = new Object();

На практике, для создания объекта чаще всего используют фигурные скобки {...}, ещё их называют литералами объекта. Мы только что создали пустой объект - ячейку без карточек. Предположим, что у нас уже есть и карточки, тогда создадим новый объект сразу с парами: ключ -> значение. Свойства объекта, нужно обязательно разделять запятой.

let cell = {// "cell" имя объекта
    a: "Акунин", // под ключом "a" хранится значение "Акунин"
    b: "Белов",
    с: "Семёнов"
};

Команда console.log выведет объект целиком в консоль.

console.log(cell);
Объекты в JS - сложный тип данных.

Для вывода нужного значения объекта, обратимся к нему по ключу. Пишем имя объекта, ставим точку и указываем ключ, значение которого хотим вывести.

console.log(cell.b); // Белов

Добавление в объект

В существующий объект в JS можно добавлять новые свойства или другие объекты. Рассмотрим пример:

Создадим объект с именем box, содержащий два свойства.

let box = {
    width: 300,
    height: 150,
};

Теперь добавим в него новое свойство.

box.border = "red";

Проверим через консоль, что находится сейчас в объекте.

console.log(box);

Новое свойство успешно добавилось в объект.

Объекты в JS - сложный тип данных.

Создадим новый объект color внутри объекта box.

box.color = {
    bg: "white",
    font: "black"
};

На выходе получили один объект, вложенный в другой.

Объекты в JS - сложный тип данных.

Удаление из объекта

Оператор delete удаляет из объекта в JS ненужное свойство по ключу. Пара border: "red" удалилась из объекта.

delete box.border;

Перебор объекта в JS

Сделать перебор объекта - это достоверный способ узнать, что находится в объекте. Провести ревизию и затем удалить лишние элементы. Для перебора, нужно использовать цикл for in. Внутри цикла for инициализируем специальную переменную, куда будут попадать все ключи поочерёдно и на каждом новом проходе, выводить в консоль по одному свойству, пока они не закончатся.

for(let key in box){
    console.log(key + " " + "-" + " " + box[key]);
}

Запустим аналогичный цикл для вложенного объекта:

for(let key in box.color){
    console.log(key + " " + "-" + " " + box.color[key]);

Объекты в JS - сложный тип данных.

Методы объектов в JS

Помимо свойств, у объектов есть методы, которые заставляют их что-то делать. Методами, называют функции, записанные в объекте. Научим кота говорить "Мяу!" и выведем в модальном окне.

let cat = {
    name: "Барсик",
    age: 3
};

cat.say = function() {
    alert("Мяу!");
};

Узнать больше про объекты в JS, вы можете из моего видеокурса.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.