JavaScript для начинающих | Типы данных
Это вводный курс по JavaScript для начинающих. Сегодня мы рассмотрим, какие типы данных существуют в JavaScript. Поехали!
В JavaScript есть две основные группы типов данных: простые и объекты. Про объекты мы пока говорить не станем, ибо это высшая материя и не для новичков вовсе.
Хотя труЪ программеры могут тут же закидать меня ссаными тряпками и возопить о неправильном подходе к обучению: типа новичков сразу надо натаскивать на ООП (Объектно-ориентированное программирование). Ну, это кому как, кому как…
Ладно, проехали и поехали далее. Сегодня мы рассмотрим простые типы данных. Всего их шесть. Основных и наиболее часто используемых — три: число (number), строка (string) и логический (boolean).
Типы данных, которые можно присваивать переменным в JavaScript, не являются строго типизированными, как в некоторых других языках программирования. Проще говоря, вы можете не париться и просто задавать значения, какие вам потребуются, не помечая конкретно, какие именно это данные. JavaScript все понимает без лишних слов:
var x = 1000; // число
var myName = "Игорь Квентор"; // строка
var thisMyBlog = true; // boolean
Обратите внимание: когда вы задаете числовое значение, то просто пишете число, но если это строковое значение (то есть, строка текста), то его необходимо брать в кавычки. Причем, не важно, в какие — одинарные или двойные.
А вот третья переменная в данном примере весьма интересная шутка. Это называется булево значение по имени математика Джорджа Буля. Оно хоть и выглядит как текст, но никогда в кавычки не берется. Принимает два возможных значения: истиное (true) и ложное (false).
Объявление переменной заканчивается знаком точки с запятой. Иногда ее пропускают, чаще всего по невнимательности. Интерпретатор JavaScript иногда это позволяет, но может и выдать ошибку. Так что лучше всегда используйте эту точку с запятой, от греха подальше.
Комментарии в JavaScript
Вы, наверное, заметили, что в примере выше я использовал комментарии прямо в коде. Они практически идентичны комментариям в CSS. Есть однострочные, а есть многострочные комментарии. Для ввода однострочного комментария используются две косые черты:
// это однострочный комментарий
Многострочный (или иначе — блочный) комментарий начинается с косой черты и звездочки (/*) и заканчивается ими же, только уже в обратном порядке (*/):
/*
* Это многострочный
* комментарий
*/
Звездочки во второй и третьей строках необязательны и служат только для удобства чтения.
Комментарии никак не влияют на работу скрипта и нужны лишь для удобства чтения программы самим программистом. Либо его потомками. Ну, вы поняли.
Окей! С этим разобрались. А теперь рассмотрим каждый из типов данных подробнее.
Тип данных в JavaScript — число (number)
Число — оно и в Африке число. И не важно, какое оно: целое или дробное, если это просто набор цифр, то это число.
var y = 1283489475;
И именно так JavaScript его воспринимает. Если вы при присвоении переменной вместо цифр наберете абракадабру из букв, цифр и прочих значков, то JavaScript не обидится, но пошлет вас NaN. Это тоже «число», вернее это означает «ошибка вычислений», или по-другому — «не число» (Not-a-Number):
var z = 23,4рыба-рыба127; // NaN
Это же, кстати, относится и к дробным числам. Их можно присваивать переменным только с точкой, а не с запятой, как это было принято у нас в школе:
var x = 10.2367;
Если вы вместо точки поставите здесь запятую, то JavaScript прочитает число только до этой запятой, то есть просто 10, а лишнее проигнорирует. Это как раз и говорит об отсутствии строгой типизации в JavaScript, но, тем не менее, свои правила там существуют.
Про NaN и ряд других забавных зверушек в JavaScript, относящихся к числам, рекомендую прочитать здесь. Там вы узнаете, что в JavaScript легко можно делить на 0 (делить на ноль, Карл!!!), а так же о том, что любая математика в JavaScript безопасна и не порушит программу в случае ошибки, а просто выдаст вам NaN — ищи, значит, ошибку.
Тип данных в JavaScript — строка (string)
Строки в JavaScript всегда берутся в кавычки. Одинарные или двойные — без разницы. Хоть в те и другие одновременно. Главное — соблюдать вложенность:
var name = "Игорь 'ака' Квентор";
Иногда необходимо в одной строке использовать несколько пар одинаковых кавычек. Чтобы не происходило путаницы, то все вложенные кавычки рекомендуется обозначать специальной заменой. Для этого применяется знак обратного слэша перед кавычкой \' или \" — это называется экранированием.
var name = "Игорь \"ака\" Квентор"; // эта строка будет идентична предыдущей.
Иногда нужно заэкранировать одну кавычку в строке. Например, знак апострофа в английском выражении — I’m very good! Выглядеть это будет так:
var goodday = "I\'m very good";
Кроме экранирования кавычек обратный слэш используется еще для нескольких строковых символов:
\n — перевод строки;
\t — табуляция;
и др.
Если в качестве переменной будет задано некое число, но взятое в кавычки, то JavaScript все равно посчитает это за обычную текстовую строку:
var x = "12376827"; // это все равно строка, а не число!
Но! В JavaScript есть парочка фишек, с помощью которых можно преобразовать строку с цифрами в настоящее число. Это parseInt и parseFloat. Первое сообщает JavaScript, что выражение в кавычках теперь будет целым числом, а второе — дробью. Например:
var x = parseInt("12376827"); // строка становится целым числом.
var x = parseFloat("12.25"); // строка становится дробным числом.
Иногда это полезно, когда в скрипте необходимо сначала представить число как строку, а потом преобразовать его в число.
У строковых данных в JavaScript есть одна интересная особенность — использование знака +. Если в числовых данных это обозначает сложение, то в строковых данных знак плюса просто складывает строки. Иначе это называется конкатенацией.
var str = 'Привет, ' + 'Игорь!'; // Получается строка: Привет, Игорь!
Точно так же можно складывать строку и переменную:
var name = 'Игорь';
str = 'Привет, ' + name + '!'; // Получается такая же строка: Привет, Игорь!
Тип данных в JavaScript — логический (boolean)
Логический тип данных говорит об истинности или ложности чего-либо. Имеет только два допустимых логических значения — true (истинно) и false (ложно). Как правило, логический тип данных — это результат операций сравнения в JavaScript. Об операциях сравнения в JavaScript мы поговорим в отдельной статье.
Пока же замечу просто, что булевы значения чаще всего отвечают на любой вопрос словами «да» или «нет». Примеры:
Заполнено обязательное окно формы или нет? Заполнено — true, не заполнено — false. Поставлена галочка — true, не поставлена — false. И т.д.
Обратите внимание: значения хоть и выглядят, как обычные слова, но в качестве переменной никогда не пишутся с кавычками, как другие строковые данные:
var zemlya_kruglaya = true;
На этом по типам данных в JavaScript все. На самом деле там много еще всяких интересностей и вкусняшек, но для начала и этого хватит с избытком.
В следующей статье поговорим про операторы в JavaScript. Тема большая и очень интересная. Не пропустите! А еще лучше подпишитесь на рассылку.
