При работе со скриптами, нам постоянно придется работать с числами.
В школе мы учили (или только учите) формулы. Что-то типа: c=a+b.
Мы пишем, что a=5, а b=3, чему равно с? Ясен красен 8, но как такое же описать в js?
Каждая "буква" в программировании называется переменной. Прежде чем ее использовать, мы должны ее создать. Это делается так:
var a=5;или
var a;
a=5;
В первую очередь, необходимо написать "var", от английского "variable" - переменная. Это означает, что мы будет создавать переменную. Далее через пробел пишем название переменной, используя латинский алфавит.
На имя переменной в JavaScript наложены всего два ограничения.
В первом случае мы одновременно создали переменную и назначили ей значение 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= 54) Логический (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; //Ехал грека через реку.Видит Грека в реке рак