Объекты JavaScript

Содержание

Слайд 2

ОБЪЕКТЫ

Объекты JavaScript очень похожи на массивы, но для доступа к элементам объектов

ОБЪЕКТЫ Объекты JavaScript очень похожи на массивы, но для доступа к элементам
используются строки, а не числа
Эти строки называют ключами, или свойствами, а элементы, которые им соответствуют, — значениями
Вместе эти фрагменты информации образуют пары «ключ-значение»
Причем если массивы используются главным образом как списки, хранящие множество элементов, то объекты часто применяют как одиночные сущности с множеством характеристик, или атрибутов

Слайд 3

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

Для хранения всевозможной информации об одном животном подойдет JavaScript-объект
Вот пример

Создание объектов Для хранения всевозможной информации об одном животном подойдет JavaScript-объект Вот
объекта, где хранятся сведения о трехногой кошке по имени Гармония
var cat = {
"legs": 4,
"name": "Гармония",
"color": "Черепаховый"
};

Слайд 4

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

Мы создали переменную под названием cat и присвоили ей объект

Создание объектов Мы создали переменную под названием cat и присвоили ей объект
с тремя парами «ключ-значение» (лапы, имя, окрас)
При создании объекта используются фигурные скобки {} вместо квадратных, к которым мы привыкли, создавая массивы

Слайд 5

Ключи без кавычек

Создавая первый объект, мы писали имена ключей в кавычках,

Ключи без кавычек Создавая первый объект, мы писали имена ключей в кавычках,
однако это не обязательно
Следующая запись тоже является допустимой:
var cat = {
legs: 4,
name: "Гармония",
color: "Черепаховый"
};

Слайд 6

Ключи без кавычек

JavaScript знает, что ключи всегда строковые, поэтому можно обходиться

Ключи без кавычек JavaScript знает, что ключи всегда строковые, поэтому можно обходиться
без кавычек
В этом случае имена ключей должны соответствовать тем же правилам, что и имена переменных: например, в них не должно быть пробелов
Но если ключ указан в кавычках, пробелы в его имени допустимы:
var cat = {
legs: 4,
"full name": "Гармония Филомена Уси-Пусечка Морган",
color: "Черепаховый"
};

Слайд 7

Ключи без кавычек

Помните, что, хотя ключ всегда является строковым (в кавычках

Ключи без кавычек Помните, что, хотя ключ всегда является строковым (в кавычках
он записан или без), значение, соответствующее этому ключу, может быть любого типа — даже переменной, в которой хранятся данные
Кроме того, весь объект можно записать одной строкой, хотя читать такую программу будет, пожалуй, не слишком удобно:
var cat = { legs: 4, name: "Гармония", color: "Черепаховый" };

Слайд 8

Доступ к значениям внутри объектов

Хранящиеся в объектах значения можно получить с

Доступ к значениям внутри объектов Хранящиеся в объектах значения можно получить с
помощью квадратных скобок — так же, как элементы массива
Единственное различие в том, что вместо индекса (число) используется ключ (строка)
cat["name"];
"Гармония"

Слайд 9

Доступ к значениям внутри объектов

Точно так же, как необязательны кавычки при

Доступ к значениям внутри объектов Точно так же, как необязательны кавычки при
записи литерала объекта, их можно опускать и при доступе к значениям по ключу
Однако в этом случае код будет немного другим:
cat.name;
"Гармония"

Слайд 10

Что такое класс

Для определения классов существует несколько вариантов. Самый простой способ описания

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

Слайд 11

Объект

Мы уже работали с объектами, поэтому вы имеете понятие об объектах.
Объекты -

Объект Мы уже работали с объектами, поэтому вы имеете понятие об объектах.
это экземпляры класса, то есть представители класса.

Слайд 12

Классы и объекты

Класс Кошка:
4 лапы
хвост
усы
мурчит

Объект МояКошка
Имеет конкретное имя
конкретный цвет
уникальные особенности

Классы и объекты Класс Кошка: 4 лапы хвост усы мурчит Объект МояКошка

Слайд 13

Конструктор

Конструктор - функция, запускающаяся в момент создания объекта. Обычно используется для инициализации

Конструктор Конструктор - функция, запускающаяся в момент создания объекта. Обычно используется для
свойств объекта.
Конструктор можно обнаружить по ключевому слову new

Слайд 14

Описание класса

class myClass {
constructor(){
}
}

Описание класса class myClass { constructor(){ } }

Слайд 15

Задание

Предположим, у вас список любимых фильмов.
Правда было бы здорово хранить информацию

Задание Предположим, у вас список любимых фильмов. Правда было бы здорово хранить
об этих фильмах на компьютере, чтобы в случае чего быстро найти сведения о том или ином фильме?
Для этого можно создать объект, каждый ключ в котором — это название фильма, а каждое значение — другой объект, в котором содержится информация об этом фильме.
Да, хранящиеся в объекте значения тоже могут быть объектами!

Слайд 16

Задание

Задание
Имя файла: Объекты-JavaScript.pptx
Количество просмотров: 24
Количество скачиваний: 0