JavaScript для начинающих | Типы данных

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)

JavaScript для начинающих | Типы данных | число

Число — оно и в Африке число. И не важно, какое оно: целое или дробное, если это просто набор цифр, то это число.

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 для начинающих | Типы данных | строка

Строки в 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)

JavaScript для начинающих | Типы данных | логический

Логический тип данных говорит об истинности или ложности чего-либо. Имеет только два допустимых логических значения — true (истинно) и false (ложно). Как правило, логический тип данных — это результат операций сравнения в JavaScript. Об операциях сравнения в JavaScript мы поговорим в отдельной статье.

Пока же замечу просто, что булевы значения чаще всего отвечают на любой вопрос словами «да» или «нет». Примеры:

Заполнено обязательное окно формы или нет? Заполнено — true, не заполнено — false. Поставлена галочка — true, не поставлена — false. И т.д.

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

var zemlya_kruglaya = true;

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

В следующей статье поговорим про операторы в JavaScript. Тема большая и очень интересная. Не пропустите! А еще лучше подпишитесь на рассылку.

Похожие записи:

Оставить комментарий: