Блог счастливого веб-разработчика Голосов: 1 Адрес блога: http://ridler-fun.livejournal.com/ Добавлен: 2010-12-26 16:27:55

Создание массива

2010-12-30 11:40:00 (читать в оригинале)

Для создания массива и сохранения в нем каких-либо единиц мы сначало должны объявить его имя (как и в случае с переменной), а затем приложить к имени список значений, разделенный запятыми: каждое значение  представляет одну из единиц списка. Мы вольны выбрать любое имя, но нам нужно будет придерживаться некоторых правил, а точнее "зарезервированных слов" для имени переменной. Чтобы обозначить массив нужно поместить список единиц в квадратные скобки - [ ]. Например, чтобы создать массив, содержащий названия семи дней недели, следует написать так:

var days = ['Понедельник', 'Вторник', 'Среда',  'Четверг', 'Пятница', 'Суббота', 'Воскресение'];

Квадратные скобки очень важны. Они сообщают интерпретатору JavaScript о том, что он имеет дело с массивом. Мы также можем создать пустой массив, не содержащий элементов:

var playList = [ ];

Создание пустого массив равнозначно декларированию переменной. Элементы будут добавлены в него только по окончанию работы программы. Например, пустой массив может быть использован для записи названий песен, которые посетитель выберет из списка на веб-странице. Мы не можем заранее знать, сколько песен будет выбрано, поэтому декларируем(создаем) пустой массив, а позднее заполняем его единицами - заданной посетителем музыкой.

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

var prefs = [1, 675, 'Хлеб', 'true'];

Массивы, рассмотренные выше, представляют собой одиночные строчки кода. Если нам нужно добавить в массив много элементов или если элементы - это длинные последовательности символов, то, пытаясь набрать их одной строчкой, мы усложним чтение программы. Я предпочитаю создавать массив из нескольких строчек кода:

var authors = [ 'Эрнест Хеменгуэй'
                         'Шарлона Бронт'
                         'Эмили Дикинсон'
                         'Лев Толстой'
                       ];

---

Массивы

2010-12-30 10:58:12 (читать в оригинале)

 Простые переменные содержат только фрагмент информации, например, числовое значение или последовательность символов. Они отлично подходят для отслеживания одного показателя (счета, возраста или общей стоимости). Однако, если нам нужно отслеживать связку однородных показателей (дней недели или всех изображений на странице), обычные переменные не очень удобны.

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

var item1 = "Телевизор Samsung"
var item2 = "DVD плеер"
var item3 = "Sony Playstation 3"

Но будет, если товаров будет больше? Нам придется добавить новые переменные: item4, item5 и т.д. Поскольку мы не знаем, сколько единиц, захочет заказать посетитель, вы не можем знать заранее или угадать, сколько переменных потребуется создать.

К великому счастью и торжеству, JavaScript предлагает нам более удобный и полезный способ отcлеживания списка единиц, называемый массивом.

Массив - это возможность сохранять в одном месте более одного значения. Давайте представим, что массив - это список покупок. Когда нам нужно сходить в продуктовый магазин, мы садимся и записываем что нам купить. Если мы недавно ходили в магазин за покупками в списке может быть всего несколько позиций. Однако если наш холодильнык пуст, то тогда список может быть немалым. Независимо от того, сколько позиций в списке, это в любом случае один список.

Итак, без использования массива нам придется создавать новую переменную для каждой позиции в списке. Давайте представим, что мы не могли бы составить список покупок на одном листе бумаги, а вынуждены были носить с собой здоровенную куча листов, один лист на один товар. Нам пришлось бы следить за тем, товары из каких листиков мы уже купили. Вот так работают отдельные переменные. Но массив способен создать единый список позиций и, кроме того, добавлять, удалять и изменять позиции в любое время.

---

Изменение значений в переменных (комбинированные операторы)

2010-12-29 11:01:21 (читать в оригинале)

Оператор	Что он делает	Как его использовать	То же, что и
+=	Складывает значения, находящееся справа от знака =, с переменной, находящейся слева от знака +	score += 10;	score = score + 10;
-=	Вычитает значение, находящееся справа от знака =, из переменной, находящейся слева от знака -	score -= 10;	score = score - 10;
*=	Умножает значение, находящееся справа от знака =, на переменную, находящуюся слева от знака *	score *= 10;	score = score * 10;
/=	Делит значение, находящееся справа от знака =, на переменную, находящуюся слева от знака /	score /= 10;	score = score / 10;
++	Помещенный непосредственно после имени переменной, данный знак прибавляет к переменной 1	score++	score = score + 1;
--	Помещенный непосредственно после имени переменной, данный знак вычитает из переменной 1	score--	score = score - 1;

---

Изменение значений в переменных

2010-12-29 10:41:53 (читать в оригинале)

 Переменные полезны, так как могут содержать значения, изменяющиеся в процессе работы программы, например, очки, которых в ходе игры может стать меньше или больше. Но как же нам изменить значение переменной? Если нам нужно просто его заменить, то присваиваем переменной новое значение, например:

var score = 0;
score = 50;

Однако часто нужно сохранить прежднее значение переменной, но, скажем, добавить к нему какое-то число. Продолжаем пример с очками в игре. Мы никогда не устанавливаем новый счет, а просто прибавляем имеющемуся какое-то число или допустим какото-то число вычитаем. Чтобы увеличть значение переменной, используем его как составную часть операции:

var score = 0;
score = score + 20;

Сначало немного не понятно, но здесь используется совершенно обычная техника. Это работает вот так: все, что находится правее знака =, вычисляется в первую очередь. Это часть score + 20. Программа понимает данную команду следующим образом: "Возьми то, что сейчас содержится в переменной score(0), и прибавь к этому 20". Затем результат этой операции сохраняется в переменной score(0). Окончательный итог двух строк кода - переменная score теперь имеет значение 20.

Эта же самая логика применима и к другим математическим операциям, таким как вычитание, деление, умножение:

score = score - 10;
score = score / 10;
score = score * 10;

На самом деле математическая обработка значения переменной и последующее сохранение результата в той же переменной - достаточно обычные действия, поэтому для их осуществления есть специальные комбинированные операторы..., но об этом в следующем посте :)

Продолжение статьи: Комбинированные операторы

---

Объединение чисел и строк. (часть 2)

2010-12-28 08:31:11 (читать в оригинале)

 В прошлом посте мы обьединяли строку и число находящиеся в одной последовательности, тоесть интерпретатор JavaScript самостоятельно преобразовал число в строку. Однако такая возможность, известная как автоматическое преобразование типов данных, может вызвать проблемы. Например, если в специальной форме посетитель отвечает на вопрос ("Сколько пар обуви вы хотите?"), печатая число (например 2), то это число считается строкой -'2'. И мы получим следующее:

var numberOfShoes = '2';
var numberOfSocks = 4;
var totalItems = numberOfShoes + numberOfSocks;

Мы ожидаем, что число, сохраненное в totalItes, будет равно - 6 (2 пары обуви и 4 пары носков). Однако, так как значение numberOfShoes является строкой интерпретатор JavaScript преобразует значение  переменной numberOfShoes опять же в строку, и в итоге мы получаем строку '24' в переменной totalItems. Есть несколько способов для предотвращения подобной ошибки.

Во-первых, мы можем добавить + в начале строку, содержащей число:

var numberOfShoes = '2';
var numberOfSocks = 4;
var totalItems = +numberOfShoes + numberOfSocks;

Добавляя знак + перед переменной(важно чтобы между ними не было пробела), мы какбэ просим интерпретатор JavaScript попытаться преобразовать строку в числовое значение - и если строка содержит только числа, например, '2', то в итоге мы получим строку, преобразованную в число. В нашем примере мы получим число 6(2+4).

Команда Number() преобразует строку в число, если это возможно. Если строка содержит только буквы, мы получим значение NaN в качестве сообщения о том, что преобразование букв в числа невозможно.

Итак наиболее часто нам придется превращаться числа в строки при обработке пользовательского ввода, например, возвращая значение, введеное посетителем в поле формы. Если же нам необходимо совершить операцию сложения с использованием информации, введенной пользователем в форму или с применением подобной информации, взятой из другого источника, то нужно убедиться, что сначало мы пропустили эти значения через команду Number().
76fcd475c332ebe8509c0134747066e3