Типы данных JavaScript

Какие типы данных существуют в JavaScript?

В прошлом уроке мы выяснили, что переменная — это именованная область памяти, которая хранит в себе какие-либо данные (значения).

У каждого значения в JavaScript, имеется свой тип данных. Всего в JavaScript существует 6 типов данных, в этом уроке по JavaScript, мы рассмотрим 4 типа данных:
— числовой тип данных number,
— строковый тип данных string,
— логический тип данных boolean,
— неопределённый тип данных undefined.

Остальные два изучим чуть позже:
— объектный тип данных object
— пустой тип данных null

Оператор typeof

Прежде чем рассмотреть типы данных JavaScript, познакомимся сначала с оператором typeof, он позволяет узнать какой тип данных присвоен переменной, делается это следующим образом:

alert(typeof имяПеременной);

После этого скрипт должен выдать какое-либо сообщение: number, string, boolean, undefined, object.

Тип данных: число (number)

Когда переменной, в качестве значения, присваивается какое-либо число (без кавычек), её тип данных становится number

var myNumber;
myNumber = 5;
alert(typeof myNumber);

В первой строке мы создали переменную с именем myNumber, во второй строке, присвоили переменной значение 5, в третьей с помощью оператора typeof вычислили тип данных у переменной myNumber, а функция alert() показала нам результат этих вычислений.

В итоге, данный скрипт выведет нам сообщение number. Если число обрамить кавычками (одинарными '5' или двойными "5"), то оно превратится в строку string.

Тип данных: строка (string)

Когда переменной в качестве значения присваивается какое-либо значение, заключённое в двойные " " или одинарные кавычки ' ', то её тип данных становится string.

var myString;
myString = "Привет, я строка JavaScript!";
alert(typeof myString);

В первой строке мы создали переменную с именем myString, во второй строке, присвоили переменной значение "Привет, я строка JavaScript!", в третьей с помощью оператора typeof вычислили тип данных у переменной myString, а функция alert() показала нам результат этих вычислений. В итоге, данный скрипт должен вывести нам сообщение string.

Тип данных: логический тип данных (boolean)

Когда переменной в качестве значения присваивается true или false, без кавычек, то её тип данных становится boolean.

Тип данных boolean — это логический тип данных, он имеет всего два значения: true (правда) или false (ложь).

var myBoolean;
myBoolean = true;
alert(typeof myBoolean);

В первой строке мы создали переменную с именем myBoolean, во второй строке, присвоили переменной значение true, в третьей с помощью оператора typeof вычислили тип данных у переменной myBoolean, а функция alert() показала нам результат этих вычислений. В итоге, данный скрипт должен вывести нам сообщение boolean.

Логический тип данных, мы изучим более подробно в следующих уроках, посвящённых операциям сравнения, логическим операциям и оператору ветвления if

Тип данных: undefined

Тип данных undefined появляется тогда, когда переменная объявлена, но не инициализирована, т.е. переменная создана, но значения ей не присвоили.

var myUndefined;
alert(typeof myUndefined);

В первой строке мы создали переменную с именем myUndefined, во второй строке с помощью оператора typeof вычислили тип данных у переменной myUndefined, а функция alert() показала нам результат этих вычислений. В итоге, данный скрипт должен вывести нам сообщение undefined.

Доступ к значению переменной

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

// объявляем переменные
var myString;
var myNumber;

// инициализируем переменные
myString = "Привет, МИР!";
myNumber = 5;

// обращаемся к переменным
alert(myString);
alert(myNumber);

В первой и второй строках кода мы создали переменные myString и myNumber, в третьей и четвёртой строках присвоили переменным значения "Привет, МИР!" и 5, в пятой и шестой строках с помощью функции alert() вывели результаты Привет, МИР! и 5

Смотреть работу скрипта.

На данном этапе, ознакомление с типами данных в JavaScript можно закончить, далее приступим к изучению операций в JavaScript.

Читать далее: Операции в JavaScript

• Category: Разное