Типы переменных в JavaScript. Типы данных в JavaScript Тип последней операции undefined что означает
В процессе работы компьютерные программы манипулируют значениями, такими как число 7 или текст "HelloWorld!". Каждое значение, которое может быть представлено и обработано в языке программирования относится к определённому типу данных . Тип данных определяет типы значений, которые используются в языке программирования.
В JavaScript типы данных можно разделить на две категории: простые (их также называют примитивными ) типы и составные (их также называют ссылочными или объекты ).
- string - текстовые строки (обычно их называют просто - строки)
- number - числа
- boolean - логические (булевы) значения
Так же к простым типам относятся два специальных значения:
- null
- undefined
К составным типам данных относятся:
- function - функции
- array - массивы
- object - объекты
Разница между простыми и составными типами
Разница между простыми и составными типами проявляется при копировании значений.
Когда переменной (параметру функции, свойству или элементу массива) присваивается значение простого типа, например число, то в переменную записывается само значение (в данном случае - число). При выполнении присваивания одной переменной (со значением простого типа) другой переменной происходит копирование значения. В результате каждая переменная имеет свою копию значения и изменения в одной из переменных никак не сказывается на значении другой:
Var num1 = 10; var num2 = num1; // Копируем значение alert("num1: " + num1 + // 10 "\nnum2: " + num2); // 10 num1 = 15; // Изменяем значение alert("num1: " + num1 + // 15 "\nnum2: " + num2); // 10
Когда переменной (параметру функции, свойству или элементу массива) присваивается значение составного типа, например объект, то в переменную записывается ссылка на значение (в данном случае - ссылка на объект). При выполнении присваивания одной переменной (в значении которой ссылка на составное значение) другой переменной происходит копирование ссылки на составное значение. В результате обе переменные ссылаются на одно и то же составное значение и любые внесённые изменения в значении одной из переменных будут сказываться на другой переменной:
Var o1 = {x:10}; var o2 = o1; // Копируем ссылку на объект alert("o1.x: " + o1.x + // 10 "\no2.x: " + o2.x); // 10 o2.x = 15; // Изменяем значение alert("o1.x: " + o1.x + // 15 "\no2.x: " + o2.x); // 15
null и undefined
Тип null имеет всего одно значение - null . Значение null является ссылкой на пустой объект и имеет специальное назначение - обычно оно используется для инициализации переменной, которой впоследствии будет присвоен объект.
Тип undefined имеет всего одно значение - undefined . Значение undefined указывает на изначальное отсутствие какого-либо значения. Получить значение undefined можно следующим образом:
- При обращении к переменной, которая была объявлена, но не была инициализирована.
- При обращении к несуществующему свойству объекта.
- При обращении к несуществующему элементу массива.
- При обращении к параметрам функции, которые не были инициализированы аргументами при вызове функции.
- Возвращается функциями, которые не имеют возвращаемого значения.
- Возвращается оператором typeof, если операндом является несуществующая переменная.
Идентификатор undefined является именем предопределённой глобальной переменной, которая инициализирована значением undefined . Переменная undefined доступна только для чтения.
Объекты обёртки
Каждый раз, когда в программе предпринимается попытка обратиться к свойству или методу значения примитивного типа, интерпретатор временно преобразует примитивное значение в объект соответствующего типа. Временные объекты, в которые преобразуются значения примитивного типа, называют объектами обёртками . Эти объекты используются интерпретатором для доступа к нужному свойству или методу. Сразу после обращения к свойству или методу объект обёртка уничтожается. Объекты обёртки создаются только для значений типа number , string и boolean . Значения null и undefined не имеют объектов оберток: любые попытки обратиться к свойствам этих значений будут вызывать ошибку.
Если для объекта обёртки попытаться установить новое свойство то, новое свойство не будет сохранено, так как объект обёртка уничтожается сразу после того, как выполнит свою работу:
Var str = "текст"; str.len = 5; // Установить свойство со значением. Сразу после этого объект уничтожается alert(str.len); // undefined, так как предыдущий объект обёртка уже уничтожен
Объекты обёртки можно рассматривать просто как реализацию удобства для работы со значениями примитивного типа и вообще не думать о них.
Урок №3
Типы данных в языке 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 установлены правила синтаксиса:
- Для имён переменных используются символы: a-z, A-Z, цифры, символ $, символ знак подчёркивания (_).
- Имя переменной не может начинаться с цифры.
- JavaScript чувствителен к регистру, об этом нужно помнить при программировании. itcounter и itC ounter - это разные переменные.
- В JavaScript нет ограничений на длину имени переменной.
Примеры правильных имён переменных:
- itcounter
- $_itcounter
- it_counter
Ошибочные имена переменных:
- 9room
- it-counter
- #itcounter
- &itcounter
Переменные объявляются командой var .
В переменных можно хранить строки и числа. На самом деле можно хранить и другие типы данных, но о них поговорим позже.
Строковые переменные
Чтобы записать в переменную строку нужно её значение заключить в кавычки, двойные или одинарные.
Var $stroka_1 = "Привет!"; var $stroka_2 = "Осторожно!";
В строку, созданную одинарной кавычкой, можно включить двойную кавычку и наоборот.
Var $stroka_1 = ""Привет!" - это приветствие.";
var $stroka_2 = ""Осторожно!" - это предупреждение.";
document.write($stroka_1);
document.write("
Чтобы вывести кавычку того же типа, её нужно экранировать символом обратного слэша. Всё просто:
");
document.write($stroka_2);
Значения переменных можно присваивать другим переменным:
Var $stroka_1 = "\"Привет!\" - это приветствие.";
var $stroka_2 = "\"Осторожно!\" - это предупреждение.";
document.write($stroka_1);
document.write("
");
document.write($stroka_2);
$stroka_2 = $stroka_1;
document.write("
");
document.write($stroka_2);
В этом примере мы сначала в переменную $stroka_2 присвоили одно строковое значение, но потом присвоили ей значение переменной $stroka_1.
Объединение строк
Очень часто нужно объединить несколько строк в одну. Например, наш последний пример слишком громоздкий.
Объединение (конкатенация) строк в JavaScript осуществляется с помощью знака + .
Для вывода на экран 2 строковых переменных разделённых тегом
переменных можно использовать одну команду document.write()
.
Var $stroka_1 = ""Привет!" - это приветствие.";
var $stroka_2 = ""Осторожно!" - это предупреждение.";
document.write($stroka_1 + "
" + $stroka_2);
Оператор конкатенации + также можно использовать в переменных:
Var $stroka_1 = ""Привет!" - это приветствие.";
var $stroka_2 = ""Осторожно!" - это предупреждение.";
var $stroka_3 = $stroka_1 + "
" + $stroka_2;
document.write($stroka_3);
Числовые переменные
Чтобы создать числовую переменную нужно просто присвоить ей числовое значение.
Var $count_1 = 23; var $count_2 = 10.34; document.write($count_1 - $count_2);
Теперь другой пример:
Var $count_1 = 23; // Числовая переменная. var $stroka_1 = "57"; // Строковая переменная. document.write($stroka_1 + $count_1);
Видите, значение переменной $stroka_1 взято в кавычки, значит это текстовая переменная. Потом мы складываем текстовую и числовую переменную и получаем строку "5723", так работает JavaScript в таких случаях - превращает число в строку и добавляет к суммируемой строке.
Булевы переменные
Есть такой тип переменных - булевы. Всё просто, тут только два значения: истина и ложь, то есть true (истина) и false (ложь).
Этот тип данных используется в операциях сравнения. Вот простые примеры:
- 9 > 1 - это истина.
- 2 > 5 - это ложь.
Теперь попробуем подставить булевы значения в арифметические действия. Суммируем две операции сравнения:
Var $count = (3 > 2) + (4 > 2); document.write($count);
Эта странная запись, я знаю. Но переменная $count будет равна 2. В математическом контексе значение true = 1, а значение false = 0.
Операции сравнения используются в часто применяемой инструкции if в JavaScript. Слово if по английски значит - если.
Var $count = 100; if ($count == 100) document.write("Переменная $count равна 100.");
В данном примере сообщение будет выведено на экран, так как условие инструкции if ($count == 100) равно истине (true). Если изменить значение переменной $count на 99, то условие ($count == 100) станет равно false (ложь) и на экран ничего не выведется.
Простые типы переменных
В JavaScript переменные классифицируются на несколько типов. Строковой, числовой и булевый (логический) типы мы уже рассмотрели. Вот более широкий список простых типов:
- string - строковая переменная.
- number - числовая переменная.
- boolean - булева переменная.
- null - специальное значение «ничто».
- undefined - тип «значение не присвоено».
Значение переменной null образует свой отдельный тип null, состоящий из единствено возможного значения null. null - это специальное значение, которое имеет смысл «ничего» или «значение неизвестно».
Var $price = null; // это значит что цена не известна.
В JavaScript можно узнать тип переменных при помощи инструкции typeof .
Var $count;
document.write(typeof $count + "
");
var $count = true;
document.write(typeof $count + "
");
var $count = "true";
document.write(typeof $count + "
");
var $count = 100;
document.write(typeof $count + "
");
var $count = null;
document.write(typeof $count + "
");
Синтаксис инструкции typeof может быть таким:
- typeof $count
- typeof($count)
Итак, запустите код из последнего примера и посмотрите на результат. Тип переменной null будет object. Этот ошибка в языке, и она, вероятно, никогда не будет исправлена из-за необходимости сохранения совместимости уже написаных JavaScript сценариев с новыми версиями языка.
Тип object - это уже не примитивный тип, о нём мы будем говорить в других уроках.
JavaScript или JS (сокращенно) не простой язык и начинающие разработчики узнают об этом не сразу. По началу они узнают азы и все кажется красочным и прекрасным. Заходя чуть глубже, появляются JavaScript массивы, объекты, callback’и и все подобное, что часто выносит мозг.
В JavaScript важно правильно проверять тип переменной. Допустим вы хотите узнать является ли переменная массивом или объектом? Как это правильно проверить? В этом конкретном случае, есть хитрости во время проверки и именно о них будет эта запись. Давайте сразу приступим.
Проверка типа переменной
Например вам нужно проверить является переменная объектом, массивом, строкой или числом. Для этого можно использовать typeof , но она не всегда выдаст правду и в примере ниже я покажу почему.
Этот пример я написал, чтобы наглядно показать, почему typeof не всегда правильный выбор.
Var _comparison = { string: "строка", int: 99, float: 13.555, object: {hello: "привет"}, array: new Array(1, 2, 3) }; // Вернет массив с ключами объекта var _objKeys = Object.keys(_comparison); for(var i = 0; i <= _objKeys.length - 1; i++) { // выведем в консоль тип каждой переменной console.log(typeof _comparson[_objKeys[i]]); }
Результат выполнения кода:
String number number object object
Верно? — Нет, конечно. Есть две проблемы. Каждая из них будет подробно описана и предложено решение.
Первая проблема: float число, выводится как number
Comparison.float не является числом и вместо number должно быть float (число с плавающей точкой).Чтобы это исправить, можно создать функцию с проверкой как в коде ниже.
Var _floatNumber = 9.22; var _notFloatNumber = 9; console.log(isFloat(_floatNumber)); console.log(isFloat(_notFloatNumber)); console.log(isFloat("")); function isFloat(n){ return Number(n) === n && n % 1 !== 0; }
Функция isFloat() выполняет проверку всех значений на числа с плавающей точкой. Сначала проверяется равна ли переменная n числу (Number(n) === n) и если да, то делается еще одна проверка на деление с остатком и если остаток есть, то возвращается булевой (true или false ) результат (n % 1 !== 0).
В примере выше она возвращает true , false и false . Первое значение имеет float тип, второе нет — это обычное число и последнее всего лишь пустая строка, которая не подходит под правила.
Вторая проблема: массив определился как объект
В самом первом примере, массив отобразился как объект и это не очень хорошо, так как иногда вам нужно использоваться именно этот тип и ничего больше.
Есть несколько способов для проверки переменной на тип массива.
Первый вариант (хороший вариант). Проверяем принадлежность data к массиву с помощью instanceof ().
Var data = new Array("hello", "world"); var isArr = data instanceof Array;
Второй вариант (хороший вариант). Метод Array.isArray() возвращает булевое значение, которе будет зависеть от того является ли переменная массивом или нет ().
Var data = new Array("hello", "world"); var isArr = Array.isArray(data);
Третий вариант (самый лучший, но длинный). Для удобности, вы можете сделать этот способ функцией. Используя Object, мы делаем . Если результат Object.prototype.toString.call(data) не равен значит переменная не массив ().
Var data = new Array("hello", "world"); var isArr = Object.prototype.toString.call(data) == ""; console.log(isArr);
Последний результат в виде удобной функции:
Function isArray(data) { return Object.prototype.toString.call(data) == "" }
Теперь вы можете вызвать функции isArray() и как аргумент задать массив или что-то иное и посмотреть результат.
Послесловие
Запись получилась достаточно большой, чем изначально задумывалась. Но я ей доволен, потому что она достаточно кратко и четко описывает затруднения при проверке переменных в JavaScript и как их обойти.
Если у вас остались какие-либо вопросы — пишите их ниже к этому записи. Я буду рад помочь.
Они делятся на встроенные и пользовательские (определяемые программистом).
Литералы - данные, непосредственно используемые в программе. Литералы могут быть разных типов.
- Числовые литералы: 10 2.310 2.3е+2
- Строковый литерал: "Строковый" "Строковый"
Литералы используются в операциях присваивания:
Присваивание выполняется справа налево:
Экранирование кавычек в тексте знаком "/"".
Переменные
Объявление переменных происходит через var, можно определять через запятую, присваивая ей значение или нет.
Тип переменной определяется по её значению. JavaScript является гибко типизированным языком в разных частях программы одна и та же переменная может иметь значения разных типов.
Для определения типа переменой существует оператор typeof() ;
Области видимости
Объявление с var вне функции делает переменную глобальной.
Объявление var внутри функции делает переменную локальной.
Конфликт локальных и глобальных переменных
Будет выдано 7, так как в блоке вывода фигурирует глобальная переменная.
Примечание, при объявлении можно var не писать.
Отсутвие var в функции, делает переменную конструктора.
Нестандартный пример с неожиданным выводом
Будет выведено 5, так как вызов f(3) изменил значение переменной k.
Массивы
Массивы делятся на встроенные, называемые коллекциями, и пользовательские.
Для определения пользовательского используется конструктор Array.
Элементы нумеруются с 0. Не могут быть многомерными. Но может быть массив массивов.
Методы по работе с массивами
Метод join() объединяет элементы массива в строку.
Обратный метод split() рабивает сроку на элементы массива по разделителю.
Полученный массив
Меняем значения у 0 и 1 элементов массива:
Склеим получившиеся значения:
Метод reverse()
Метод reverse() применяется для изменения порядка элементов массива на противоположный. Инициализируем массив: Упорядочим его в обратном порядке, вызвав метод reverse(), тогда новый массив будет содержать:Метод sort()
Метод sort() интерпретирует элементы массива как строковые литералы и сортируем массив в алфавитном (лексикографическом) порядке. Метод sort() меняет массив. В предыдущем примере, применив a.sort, получим: Если необходимо отсортировать числа, в функцию sort() добавляется необязательный аргумент, являющийся именем функции, удовлетворяющей следующим требованиям:- у нее должно быть два аргумента
- она должна возвращать число
- если первый аргумент функции должен считаться меньшим (большим, равным), чем второй аргумент, то функция должна возвратить отрицательное (положительное, ноль) значение
Функция имеет вид:
Если нам необходимо сортировать числа, то мы можем использовать следующую функцию:
Для примера создадим массив \(b = new Array(10,6,300,25,18)\) и сравним результаты сортировки без аргумента и с функцией compar в качестве аргумента: \(Алфавитный порядок:)\) \(10, 18, 25, 300, 6)\) \(Числовой порядок:)\) \(6, 10, 18, 25, 300)\) Метод sort() понимает элементы массива как строки, но не преобразует их в строки.
Операторы
- {...}
- if ... else ...
- while
- break
- continue
- return
{...}
Фигурные скобки определяют составной оператор - блок.
Назначение - определение тела цикла, тело условного оператора или функции.
if ... else ...
Условный оператор применяется для ветвления программы по логическому условию. Есть два варианта синтаксиса:
Пример использования:
()?
Этот оператор называется условным выражением, выдает одно из двух значений в зависимости от выполнения некоторого условия. Синтаксис: Является альтернативой if...else... . Следующие примеры равносильны:while
Оператор while задает цикл. Определяется следующим образом: Формально, цикл while работает следующим образом:for
Оператор for - оператор цикла. Он имеет вид: Цикл работает следующим образом:- выполняется инициализация_переменных_цикла;
- проверяется условие_продолжения цикла:
- если оно ложно (false), цикл закончен,
- если же оно истинно (true), продолжаем далее
