Типы данных Javascript

Переменные JavaScript могут хранить данные самых разных типов - числа, строки, объекты и другие:


var length = 16;                                // Число
var lastName = "Сидоров";                       // Строка
var  x = {firstName:"Иван", lastName:"Иванов"}; // Объект

Концепция типов данных

В программировании типизация данных является очень важной концепцией.

Чтобы можно было оперировать переменными, крайне важно знать об их типах.

Без типов данных компьютер не будет знать как безопасно вычислить, например, такое выражение:


var x = 16 + "Volvo"; 

Имеет ли смысл добавлять к строке "Volvo" число 16? Это приведет к ошибке или какому-либо разумному результату?

JavaScript будет интерпретировать приведенный выше пример следующим образом:


var x = "16" + "Volvo"; 

Внимание! При сложении числа и строки JavaScript будет воспринимать число как строку.

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


JavaScript:
 var x = 16 + 4 + "Volvo"; 

Результат:
 20Volvo 

JavaScript:
 var x = "Volvo" + 16 + 4; 

Результат:
 Volvo164 

В первом примере JavaScript воспринимает 16 и 4 как числа, пока не достигнет строки "Volvo".

Во втором примере, так как первый операнд - строка, все последующие операнды также считаются строками.

JavaScript типы являются динамическими

В JavaScript все типы данных являются динамическими. Это означает, что одна и та же переменная может использоваться для хранения данных разных типов:


 var x;       // x имеет тип undefined
 x = 5;       // теперь x - число
 x = "John";  // теперь x - строка 

Строки в JavaScript

Строка (или текстовая строка) это последовательность символов, например, "Иван Петров".

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


var carName = "Volvo XC60";   // Используются двойные кавычки
var carName = 'Volvo XC60';   // Используются одинарные кавычки

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


var answer = "It's alright";             // Одинарные кавычки внутри двойных
var answer = "He is called 'Johnny'";    // Одинарные кавычки внутри двойных
var answer = 'He is called "Johnny"';    // Двойные кавычки внутри одинарных

Подробнее о строках будет рассказано дальше в этом учебнике.

Числа в JavaScript

В JavaScript существует только один тип числовых данных.

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


var x1 = 34.00;   // С десятичной точкой
var x2 = 34;      // Без десятичной точки

Очень большие и очень малые числа могут записываться при помощи научной (экспоненциальной) нотации (имеет вид Mep, где M – число, e — означает "умножить на 10 в степени...", p – порядок или степень, в которую возводится 10):


var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123 

Подробнее о числах будет рассказано дальше в этом учебнике.

Логические данные в JavaScript

Есть два логических значения: true (истина) и false (ложь).


var x = 5;
var y = 5;
var z = 6;
(x == y)       // Вернет true
(x == z)       // Вернет false 

Логические значения часто используются в проверках различных условий.

Подробнее об этом будет рассказано дальше в этом учебнике.

Массивы в JavaScript

Массивы в JavaScript записываются при помощи квадратных скобок.

Элементы массива разделяются запятыми.

В следующем примере декларируется (создается) массив с именем cars, содержащий три элемента:


var cars = ["Saab", "Volvo", "BMW"]; 

Индексация элементов массива начинается с нуля. Это означает, что первый элемент имеет индекс [0], второй [1] и так далее.

Подробнее о массивах будет рассказано дальше в этом учебнике.

Объекты в JavaScript

Объекты в JavaScript записываются при помощи фигурных скобок.

Свойства объектов записываются в виде пар имя:значение, разделенных запятыми.


var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

В приведенном выше примере объект с именем person имеет 4 свойства: firstName, lastName, age, eyeColor.

Подробнее об объектах будет рассказано дальше в этом учебнике.

Оператор typeof

Чтобы определить тип данных переменной в JavaScript используется оператор typeof.

Оператор typeof возвращает тип данных переменной или выражения:


typeof ""            // Вернет "string"
typeof "John"        // Вернет "string"
typeof "John Doe"    // Вернет "string" 
typeof 0             // Вернет "number"
typeof 314           // Вернет "number"
typeof 3.14          // Вернет "number"
typeof (3)           // Вернет "number"
typeof (3 + 4)       // Вернет "number" 

Тип undefined

В JavaScript переменные без значения на самом деле имеют значение undefined. И оператор typeof также покажет тип undefined.


var car;   // Значение undefined, тип undefined

Любую переменную можно "сбросить", присвоив ей значение undefined. Ее тип также станет undefined.


car = undefined;   // Значение undefined, тип undefined

Пустые значения

Пустое значение не имеет ничего общего со значением undefined.

У пустой строки есть корректные значение и тип.


var car = "";   // Значение "", тип typeof "string" 

Null

В JavaScript значение null означает "ничего". Это что-то чего не существует.

При этом в JavaScript тип null является объектом.

Внимание! Случайно можно посчитать ошибкой, что проверка типов typeof null возвращает тип объект. Ведь он, очевидно, должен быть null. Но в JavaScript null - объект.

Вы можете обнулить объект присвоив ему значение null:


var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = null;        // Теперь здесь значение null, но тип по прежнему object

Также, обнулить объект можно при помощи значения undefined:


var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = undefined;   // Теперь здесь значение и тип undefined

Разница между undefined и null

Undefined и null равны по значению, но различны по типу:


typeof undefined      // undefined
typeof null           // object

null === undefined    // false
null == undefined     // true 

Примитивные данные

Примитивными данными являются одиночные простые значения без дополнительных свойств и методов.

В этом случае оператор typeof возвращает один из следующих примитивных типов:

  • string
  • number
  • boolean
  • undefined


typeof "John"              // Вернет "string" 
typeof 3.14                // Вернет "number"
typeof true                // Вернет "boolean"
typeof false               // Вернет "boolean"
typeof x                   // Вернет "undefined" (если у переменной x нет значения)

Сложные (комплексные) данные

В JavaScript существует два сложных или комплексных типа данных:

  • function
  • object

Оператор typeof возвращает тип "object" для объектов, массивов и значения null.

Для функций оператор typeof возвращает тип не "object", а "function".


typeof {name:'John', age:34} // Вернет "object"
typeof [1,2,3,4]             // Вернет "object" (не "array", см. ниже)
typeof null                  // Вернет "object"
typeof function myFunc(){}   // Вернет "function"

Внимание! Для массивов оператор typeof возвращает тип "object", потому что в JavaScript массивы являются объектами.