phpjsJqueryhtmlcssblog

Узнать/получить/вывести тип переменной typeof Javascript

Javascript типы переменных или как "узнать/получить/вывести тип переменной используя Javascript"? Пример как узнать тип переменной, с примерами! И сегодня будем разбираться с типами в javascript!

Подробно о типах переменных в Javascript

1. Как узнать тип переменной в Javascript
2. Javascript тип переменных число(number)
Результат получения NaN:
Результат получения Infinity :

3. Javascript тип переменных boolean
4. Тип переменной Javascript - умножить строку на число
5. Javascript тип переменных строка «string»
6. Тип специальное значение «undefined» и «null»
7. Тип переменной объекты «object»
8. Все типы переменных

Скопировать ссылку



Как узнать тип переменной в Javascript

Для того, чтобы узнать "тип переменной в Javascript" нам понадобится:


Напишем самую простую конструкцию с использованием .

"Привет мир!";

Добавим здесь же тег "script"

<script></script>

И чтобы мы смогли это увидеть на мониторе нам потребуется :

document.write();

Соберем всю конструкцию вместе:

<script>document.write( typeof "Привет мир!" );</script>

Пример вывода типа переменной Javascript на экран:

Далее возьмем выше приведенный код и разместим его прямо здесь - как видим ... выводит тип переменной - "string" :

Скопировать ссылку



Javascript тип переменных число(number)

Выше вы видели пример получения типа переменной "строки".

Тип переменной можно передать в переменную(просто... например)

Нам понадобится тег "script"

<script></script>

В переменную example передадим тип числа:

<script>example = typeof 50;</script>

Чтобы скучно не выводить... давайте сделаем вот такую конструкцию с выводом типа переменной на эран с использованием onclick и alert.

И все это поместим в кнопку button :

<button onclick="alert(example )">посмотреть результат</button>

Соберем весь код вместе:

Код определения типа переменной при клике:

<script>example = typeof 50;</script>
<button onclick="alert(example )">узнать тип переменной</button>


Пример определения типа переменной при клике:

Для того, чтобы получить тип переменной- вам придется нажать на кнопку:

узнать тип переменной

«специальные числовые значения»

Кроме обычных чисел, существуют так называемые «специальные числовые значения», которые относятся к этому типу данных: Infinity, - Infinity и NaN.




Результат получения NaN:

Получим "NaN" :

<script>example_1 = "нечисло" / 50 ;</script>
<button onclick="alert( example_1 )">Получим "NaN"</button>

Получим "NaN"



Результат получения Infinity :

Получим "Infinity " :

<script>example_10 = 50 / 0 ;</script>
<button onclick="alert( example_10 )">Получим "NaN"</button>

Получим "Infinity"
Скопировать ссылку



Булевый (логический) тип «boolean»

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

Повторим тот же код(чтобы не заморачиваться), что был приведен выше ... и поставим в нашу конструкцию определения типа переменной слово "true"...

Какой код у нас получился:

Код определения типа переменной слова true

<script>example = typeof true;</script>
<button onclick="alert(example )">узнать тип переменной</button>


Чтобы получить тип переменной нажмите на кнопку:

узнать тип переменной

Код определения типа переменной слова false

Тоже самое проделаем со словом false:

<script>example = typeof false;</script>
<button onclick="alert(example )">узнать тип переменной false</button>


Чтобы получить тип переменной false нажмите на кнопку:

узнать тип переменной false
Скопировать ссылку



Тип переменной Javascript - умножить строку на число

Давайте поэкспериментируем... попробуем умножить "строку на число" и посмотрим... какой тип переменной у нас получится... смайлы

Для этого нам опять потребуется выше приведенный код... и в теге script напишем:

<script>example_1 = typeof ( "нечисло" * 50 );</script>

Зачем это нужно?

Я делал калькулятор где неожиданно стокнулся с проблемой, что иногда строка это число и наоборот.

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

<script>example_1 = typeof ( "нечисло" * 50 );</script>
<button onclick="alert( example_1 )">посмотреть результат</button>


Результат получения типа переменной если умножить строку на число:

Нажми, чтобы посмотреть результат
Скопировать ссылку



Javascript тип переменных строка «string»

Выше я уже получил тип переменной "string"... давайте больше поэкспериментируем со строкой...

Определим простой кириллический текст - какой будет тип переменной?

<script>example_5 = typeof("Здесь текст");</script>
<button onclick="alert( example_5 )">посмотреть результат</button>

Результат - логично, мы получим тип переменной "string":


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

Выше я показывал тип переменной "number"

<script>example_50 = typeof(1);</script>
<button onclick="alert( example_50 )">Получи тип переменной number</button>


И мы получали... естественно number:


Получи тип переменной number


Но если мы заключим число в двойные кавычки, то это уже будет тип переменной не "number", а "string"

<script>example_51 = typeof("1");</script>
<button onclick="alert( example_51 )">Получи тип переменной string</button>


Получи тип переменной string

С одинарной кавычкой мы тоже получим строку:

<script>example_52 = typeof('1');</script>
<button onclick="alert( example_52 )">Получи тип переменной string</button>


Получи тип переменной undefined
Скопировать ссылку



Тип специальное значение «undefined» и «null»

Специальное значение undefined стоит особняком - означает, что «значение не было присвоено».

Если переменная объявлена, но ей не присвоено никакого значения, то её значением будет undefined.

Либо же если мы выведем вот таким образом любое слово, то аналогично получим "undefined" - вопрос на засыпку... вроде бы это должна быть строка?

<button onclick="alert(typeof(Здесь))">Получи значение undefined</button>

Получи значение undefined

Тип специальное значение «null»

Специальное значение null не относится ни к одному из типов, описанных выше.

Оно формирует отдельный тип, который содержит только значение null:

<script>let example100 = null;</script>
<button onclick="alert( example100 )">Получи значение null</button>

Получи значение null

Как еще можно получить значение null?

Если мы проведем вот такое(например) математическое действие, то получим "null"

<button onclick="alert( 'a'.match('b') )">Получи значение null</button>

Получи значение null
Скопировать ссылку



Тип объекты «object»

Получим тип переменной «object»

<script>peremennayа_8 = typeof{ name: "Вася" };</script>
<button onclick="alert(peremennayа_8)">Получим тип переменной «object»</button>

Получим тип переменной «object»

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---