Типы данных языка JavaScript

Приступаем уже к более серьезным темам, такие как «типы данных», можно сказать фундамент любого языка программирования. В данном видео частично рассмотрим «типы данных языка JS», с ними детально с каждым познакомимся на практике в следующих уроках, а тут главное постараюсь до вас донести, что такое «Типы данных», для чего они используются и как с ними можно работать.

Возможно, некоторые моменты вам будут знакомыми по предыдущим урокам и это сделано специально, что бы вы освежали предыдущую информацию на новых примерах.

Типы данных в JavaScript

Живя в реальном мире, мы каждый день сталкиваемся с различными видами информации, паспортные данные, адреса домов, имена – все это важные для нас данные. И основываясь на них, мы решаем, что делать и какие решения принимать. По аналогии также поступают компьютерные программы. Они тоже полагаются на имеющуюся информацию, что бы выполнять задачи.

Языки программирования обычно подразделяют информацию на различные типы и обращаются с каждым типом по-разному. В языке JS выделяются три основных типа данных: 

1. number (число);
2. string (строка);
3. Boolean (логический или булев тип).

Давайте более подробно разберем каждый из них.

1 Числовой тип данных (number)

Числовые значения используются для подсчета и вычисления. Как и в нашем мире благодаря числам мы можем рассчитать стоимость покупки, сколько осталось дней до зарплаты, через, сколько у нас день рождение, сколько мы зарабатываем и так далее. Как вы и догадались, числа играют важную роль в процессе программирования на JS. При помощи чисел мы можем рассчитать, сколько раз пользователь посетил веб-страницу, узнать при необходимости координаты положения элемента с точностью до пикселя, или определить, сколько единиц товара хочет заказать посетитель.

В языке JS число представлено с помощью цифры, например, 7. Мы так же можем использовать дробные числа 7.35 или 39.88595. Более того можем работать с отрицательными числами, например, -279, или – 4559.43.

В большей степени числа используются для вычислений, поэтому программы зачастую будут содержать математические операции. О них я расскажу в видео «Работа с типами данных и переменными», а в данном уроке рассмотрим простенький пример: допустим, хотим записать на веб-страницу результат сложения (10 + 7).

Пишем функцию:

Document.write(10 + 7);    

Данный фрагмент складывает два числа, и результат выводит на страницу. Существуют много способов работы с числами, более подробно я расскажу о них в следующих уроках.

2 Строковой тип данных (string)

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

Строка – это набор букв или символов заключенные в кавычки. При написания кода в JS мы используем обычные прямые кавычки, и можем задействовать как одинарные, так и двойные. Но следует помнить, что в начале и в конце строки должен быть использован один и тот, же тип кавычки (не правильно - “Уроки по JS’, правильно  “Уроки по JS”).

В процессе программирования мы часто будем задействовать строки, создавать окна оповещения, работать с данными из веб-форм, манипулировать содержимым страницы. Но как правило начинающий программист, знакомясь со строками, допускает одни и те же ошибки.

• первая ошибка, когда мы копируем код из какого ни будь источника или документа, и кавычки там стоят любые но только не прямые. Для примера я скопирую с Ворда код и вставлю в JS, как видим вроде код написан правильно, но работать он не хочет, причина тому, что кавычки фигурные,  исправив их на прямые, JS заработал.
• вторая ошибка, присутствие в строке несколько кавычек. В JS кавычки всегда означают начало и конец строки. Когда интерпретатор JS встречает первую кавычку, он понимает что началась строка, когда он достигает соответствующей закрывающей кавычки, он понимает, что дошел до конца строки. Вот почему нельзя создавать строки с множеством кавычек.

Для того что бы выйти с этой ситуации есть несколько способов, первый способ мы начинаем всегда строку с одинарных кавычек, тем самым в нутрии строки мы можем использовать двойные. По аналогии мы можем строку заключить в двойные кавычки, и в нутрии использовать одинарные.

Второй способ, заставить интерпретатор воспринимать кавычки в строке как ее часть, а не как ее окончание. Для этого можно использовать знак переключения, обратный флеш (\), другими словами при помощи данного знака мы икранируем кавычки. Это удобно когда в строке используются несколько типов кавычек. К примеру:

(‘<a href=”#”>Уроки по JavaScript – \‘Как работать со строками\’</a>’)  

Возможно, вы встретите такой пример, ‘Уроки по JS, \“Видео пособие\”’, в данном случае одинарные кавычки не обязательно было икранировать, но некоторые программисты это делают для того, чтобы показать, что тут просто кавычки.

3 Логический тип данных (Boolean)

Числа и строки могут принимать множество значений, в то время как логическим (булевым) значением может быть либо «истина», либо «ложь». В языке JS даже существуют специальные ключевые слова для этих значений, true – истина, false – ложь.

С таким типом данных можно встретится в программе javascript, реагирующих на действие пользователя и введенную им информацию. К примеру, мы проверяем заполненность обязательных полей, для этого добавляем на нашу страницу элемент логики, сформировав простой вопрос: «Заполнил ли пользователь все поля?». Результатом логического значения будет либо (истина), либо (ложь). В зависимости от ответа, код отреагирует по разному. Например, если поля все заполнены, то мы имеем (истину), форма будет отправлена, а если одно из полей не заполнено, логическое выражение вернет нам (ложь), мы получим сообщение об ошибке, и форма отправлена не будет.

На этом текущее видео подошло к концу, мы разобрали общее понятие «Типы данных в javaScript» в следующем видео поговорим: что такое переменные, каким образом они создаются, и как их используют в программах.

Урок подготовил Горелов Денис.

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