Ник Морган - JavaScript для детей. Самоучитель по программированию

Здесь есть возможность читать онлайн «Ник Морган - JavaScript для детей. Самоучитель по программированию» — ознакомительный отрывок электронной книги совершенно бесплатно, а после прочтения отрывка купить полную версию. В некоторых случаях можно слушать аудио, скачать через торрент в формате fb2 и присутствует краткое содержание. Год выпуска: 2016, Жанр: Программирование, на русском языке. Описание произведения, (предисловие) а так же отзывы посетителей доступны на портале библиотеки ЛибКат.

JavaScript для детей. Самоучитель по программированию: краткое содержание, описание и аннотация

Предлагаем к чтению аннотацию, описание, краткое содержание или предисловие (зависит от того, что написал сам автор книги «JavaScript для детей. Самоучитель по программированию»). Если вы не нашли необходимую информацию о книге — напишите в комментариях, мы постараемся отыскать её.

JavaScript для детей. Самоучитель по программированию — читать онлайн ознакомительный отрывок

Ниже представлен текст книги, разбитый по страницам. Система сохранения места последней прочитанной страницы, позволяет с удобством читать онлайн бесплатно книгу «JavaScript для детей. Самоучитель по программированию», без необходимости каждый раз заново искать на чём Вы остановились. Поставьте закладку, и сможете в любой момент перейти на страницу, на которой закончили чтение.

Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать

var object = {};

Добавлять элементы объекта можно так же, как элементы мас-

сива, — но используя строки вместо чисел:

var cat = {};

cat["legs"] = 3;

cat["name"] = "Гармония";

cat["color"] = "Черепаховый";

cat;

{ color: "Черепаховый", legs: 3, name: "Гармония" }

Мы начали с пустого объекта под названием cat, а затем пооче-

редно добавили к нему три пары «ключ-значение». Потом мы ввели cat;,

4. Объекты 73

и браузер отобразил содержимое объекта. Тут надо отметить, что раз-

ные браузеры могут показывать объекты по-разному. Например, Chrome

(на момент написания этих строк) выводит объект cat в консоли следу-

ющим образом:

Object {legs: 3, name: "Гармония", color: "Черепаховый"}

Chrome перечисляет ключи в таком порядке — (legs, name, color),

но другие браузеры могут выводить их в другой очередности. Дело в том,

что JavaScript хранит ключи объектов, не упорядочивая их.

В массивах элементы расположены строго один за другим: индекс 0

перед индексом 1, индекс 3 после индекса 2; однако в случае объектов

неясно, как расположить элементы друг относительно друга. Должен ли

ключ color стоять перед legs или после? «Правильного» ответа на этот

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

ности, в результате чего разные браузеры показывают ключи в разном

порядке. Так что никогда не полагайтесь в своих программах на тот или

иной порядок ключей.

Добавление ключей через точку

Новые ключи также можно добавлять через точечную нотацию. Давайте

перепишем этим способом предыдущий пример, то есть создадим пустой

объект и заполним его данными:

var cat = {};

cat.legs = 3;

cat.name = "Гармония";

cat.color = "Черепаховый";

Если обратиться к несуществующему свойству объекта, JavaScript

вернет специальное значение undefi ned, сообщая таким образом: «здесь

ничего нет». Например:

var dog = {

name: "Оладушек",

legs: 4,

Is awesome —

isAwesome: true

классный

};

Is

brown

dog.isBrown;

коричневый

undefined

74 Часть I. Основы

Здесь мы определили три свойства

объекта dog: name, legs и isAwesome.

Свойства isBrown среди них нет, поэтому

dog.isBrown возвращает undefi ned.

Массивы объектов

До этого момента мы рассматривали только массивы и объекты, в кото-

рых содержатся данные простых типов, такие как числа и строки. Однако

ничто не мешает сделать элементом массива или объекта другой массив

или объект. Например, так может выглядеть массив с объектами, описы-

вающими динозавров:

var dinosaurs = [

{ name: "Тираннозавр рекс", period: "Верхнемеловой" },

{ name: "Стегозавр", period: "Верхнеюрский" },

Period —

{ name: "Платеозавр", period: "Триасовый" }

период

];

Получить сведения о первом динозавре можно уже известным нам

способом — указав индекс в квадратных скобках:

dinosaurs[0];

{ name: "Тираннозавр рекс", period: "Верхнемеловой" }

А если нужно только название первого динозавра, достаточно ука-

зать ключ объекта в еще одних квадратных скобках, следом за индексом:

dinosaurs[0]["name"];

"Тираннозавр рекс"

Другой вариант — воспользоваться точечной нотацией:

dinosaurs[1].period;

"Верхнеюрский"

! Точечную нотацию можно использовать только с объектами, для

массивов она не подходит.

4. Объекты 75

Массив друзей

Давайте рассмотрим более сложный пример — массив объектов со све-

дениями о друзьях, где в каждый из объектов вложено по еще одному

массиву. Сначала создадим объекты, а затем поместим их в массив.

Lucky

var anna = { name: "Анна", age: 11, luckyNumbers: [2, 4, 8, 16] };

numbers —

var dave = { name: "Дэйв", age: 5, luckyNumbers: [3, 9, 40] };

счастливые

var kate = { name: "Кейт", age: 9, luckyNumbers: [1, 2, 3] };

числа

Мы создали три объекта, сохранив их в переменных anna, dave

и kate. У каждого из этих объектов есть по три свойства: name, age

и luckyNumbers. Каждому ключу name соответствует строковое значе-

ние, ключу age — числовое, а ключу luckyNumbers — массив, содержа-

щий несколько чисел.

Теперь создадим массив друзей:

Friends —

var friends = [anna, dave, kate];

друзья

Итак, в переменной friends находится массив с тремя элементами:

anna, dave и kate (каждый из них является объектом). Мы можем полу-

чить любой из объектов по его индексу в массиве:

friends[1];

Array —

{ name: "Дэйв", age: 5, luckyNumbers: Array[3] }

массив

Здесь мы извлекли из массива второй объект, dave (по индексу 1).

Вместо массива luckyNumbers Chrome напечатал Array[3], что озна-

чает «это массив с тремя элементами» (можно изучить содержимое

этого массива с помощью Chrome, см. раздел «Исследование объектов

в консоли» на с. 77. ) Также мы можем получить значение, хранящееся

Читать дальше
Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать

Похожие книги на «JavaScript для детей. Самоучитель по программированию»

Представляем Вашему вниманию похожие книги на «JavaScript для детей. Самоучитель по программированию» списком для выбора. Мы отобрали схожую по названию и смыслу литературу в надежде предоставить читателям больше вариантов отыскать новые, интересные, ещё непрочитанные произведения.


Николай Игнатков - Убийство детей
Николай Игнатков
Отзывы о книге «JavaScript для детей. Самоучитель по программированию»

Обсуждение, отзывы о книге «JavaScript для детей. Самоучитель по программированию» и просто собственные мнения читателей. Оставьте ваши комментарии, напишите, что Вы думаете о произведении, его смысле или главных героях. Укажите что конкретно понравилось, а что нет, и почему Вы так считаете.

x