Закрыть
Войти
Подождите...
Собирается информация...
Восстановить пароль
Логин или пароль введены не верно!
Подождите...
Идет авторизация.
Вход
Логин или пароль введены не верно!
Забыли пароль?
или войти через вконтакте

Переменные

Открыть содержание
JavaScript

При работе со скриптами, нам постоянно придется работать с числами. 

В школе мы учили (или только учите) формулы. Что-то типа: c=a+b.
Мы пишем, что a=5, а b=3, чему равно с? Ясен красен 8, но как такое же описать в js?

Каждая "буква" в программировании называется переменной. Прежде чем ее использовать, мы должны ее создать. Это делается так: 

var a=5;

или 

var a;
a=5;

В первую очередь, необходимо написать "var", от английского "variable" - переменная. Это означает, что мы будет создавать переменную. Далее через пробел пишем название переменной, используя латинский алфавит. 

На имя переменной в JavaScript наложены всего два ограничения.

  1. Имя может состоять из: букв, цифр, символов и _
  2. Первый символ не должен быть цифрой.

В первом случае мы одновременно создали переменную и назначили ей значение 5, а во втором случае, сначала создали переменную (при этом она пока что является пустой), а потом, на следующей строке, задали ей значение 5. Хочу заметить, что "var" пишется один раз. Если вы переменную уже создали, то писать "var" еще раз не надо. 

ВНИМАНИЕ! В JavaScript после каждой строки пишется ";"  - точка с запятой. В КОНЦЕ КАЖДОЙ СТРОКИ ОБЯЗАТЕЛЬНО! Если не поставите, то не обижайтесь, что у вас ничего не работает. В случае ошибок, в первую очередь проверяйте наличие точки с запятой. 


Теперь, когда мы умеем создавать переменные, то можем написать простую формулу: 

var a=5;
var b=3;
var c;
c=a+b;
console.log(c); 

Этот код создаст три переменные, назначит для a и b значения 5 и 3 соответственно, а далее сложит их результат положит в переменную c, которую, кстати говоря, мы выведем с помощью консоли. Можете смело написать этот код в script.js, сохранить и посмотреть результат в консоли браузера. 

Типы переменных

Переменные делятся на несколько типов. Их шесть, но пока, чтобы не засорять мозг информацией, рассмотрим четыре: 

1) Целые числа (integer)

Это обычные числа. В вышеуказанном примере мы работали с целочисленными переменными. 

2) Числа с плавающей точкой (float)

Если integer - это целые числа, то float - не целые числа, а такие как  1.5, 3.14 и так далее. Короче говоря, дробные. 

3) Строковые (string)

Это переменные, которые хранят в себе текст. Чтобы вызвать текстовую переменную, необходимо ее "закольцевать" в кавычки. 

var a=5; //Это числовая переменная
var a="5"; //А это уже строковая
var text="Какой-то текст"; //Это тоже строковая

Хочу заметить, что если сложить строковую переменную с строковой, то текст соединиться. И если сложить строковую с числовой, то числовая преобразуется в строковую и сложится с строковой. 

var text='Hello'+'World'+'!' // Hello World!
var text='А= '+5 // A= 5

4) Логический (boolean)

Этот тип переменной может хранить в себе только два значения: true или false, еще можно говорить:  Да или Нет, 1 или 0, Правда или Ложь. 

var open_block=true; //Занесли информацию в переменную о том, что блок открыт. 
var open_block=false; //Или наоборот, закрыт. 

В общем, если вам в ситуации необходимо использовать для переменной только два значения. То смело, можете использовать этот вариант.

Изменение типа переменной

1) parseInt() - преобразует переменную в целое число. 

Используется следующим образом: 

var string='555';
number=parseInt(string); 

Если string, раньше была строковой переменной, то переменная number уже будет числом 555. 

Чтобы строку преобразовать в число, можно приравнять ее самой себе: 

var number='555';
number=parseInt(number); 

2) parseFloat() - преобразование в число с плавающей точкой

3) +  - простым сложением можно число преобразовать в строку.

Если у вас есть число и прибавить к нему строку, то получится строка. 

var a=5;
var str=a+''; 

Прибавлять можно все, что угодно, хоть другой текст, хоть другие переменные. Так же, можно складывать и две разные строки: 

var str_1='Ехал грека через реку.';
var str_2='Видит Грека в реке рак.';
var result=str_1+str_2; //Ехал грека через реку.Видит Грека в реке рак
Предыдущий урок Следующий урок
Политика конфиденциальности   Пользовательское соглашение