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

Массивы

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

---

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

2010-12-28 07:54:33 (читать в оригинале)

 Большинство математических операторов имеют смысл только для чисел. Например, нет никакого смысла умножать число 5 на слово "икра". Если мы это сделаем, то получим особое значение JavaScript - NaN, которое означает "не число". Однако бывает такое, что нам потребуется объединить строку и число. Например, мы захотим представить сообщение, которое указывает, сколько раз посетитель был на нашей странице. Количество его переходов на нашу страницу - это число, а сообщение - это строка. В данном случае, используя оператор +, мы делаем две вещи: первое, это преобразуем число в строку и второе это соединяем его с другой строкой:

var peopleVisits = 56; 
var message = 'Вы посетили эту страницу ' + peopleVisits + ' раз. ' ;


В данном случае получилось такое сообщение: "Вы посетили эту страницу 56 раз." Интерпритатор JavaScript понимает, что здесь имеется строка, поэтому он знает, что не следует совершать математической операции (сложения). Вместо этого он воспринимает + как оператор объединения строк, а также понимает, что число должно быть преобразовано в строку.

Этот способ может показаться очень подходящим, когда следует в одном сообщении совместить числа и символы. В данном случае обязательным условием является то, что число - это часть буквенной последовательности, образующей полное "высказывание", и если мы используем + в последовательности, содержащей числа и строки, интерпретатор JavaScript преобразует число в строку.