IGS

IGS
Вернуться к Курс

Базовый курс JavaScript

0% Завершено
0/25 Шагов
  1. 1) console.log(), Переменные
  2. 2) Типы данных, Операторы
  3. 3) Условные конструкции
  4. 4) Объекты, массивы
  5. 5) Циклы
  6. 6) Функции. Диалоговые окна
  7. 7) Результат функции. Стрелочная фукция
  8. 8) callback, find, filter
  9. 9) Введение в методы и свойства
  10. 10) Методы строк и чисел
  11. 11) Методы массивов
  12. 12) Работа с DOM
  13. 13) Элементы,HTMLCollection и NodeList
  14. 14) Создание, добавление, замена и удаление элементов. Управление атрибутами элементов. Свойство className
  15. 15) addEventListener()
  16. 16) window, event
  17. 17) Работа с формами
  18. 18) Таймеры. this
  19. JSON
  20. 19) Обработка ошибок
  21. 20) JSON, Promise, async и await
  22. 21) callBack()
  23. 22) fetch
  24. 7) Взаимодействие с DOM (Document Object Model)
  25. 23) LocalStorage, sessionStorage
Базовый курс JavaScript 2) Типы данных, Операторы
В прогрессе
Урок 2 из 25
В прогрессе

2) Типы данных, Операторы

Типы данных

  • String: представляет строку

  • Number: представляет числовое значение

  • BigInt: предназначен для представления очень больших целых чисел

  • Boolean: представляет логическое значение true или false

  • Undefined: представляет одно специальное значение — undefined и указывает, что значение не установлено

  • Null: представляет одно специальное значение — null и указывает на отсутствие значения

  • Symbol: представляет уникальное значение, которое часто применяется для обращения к свойствам сложных объектов

  • Object: представляет комплексный объект

Строки String

Тип String представляет строки. Для определения строк применяются кавычки, причем, можно использовать как двойные, так одинарные, так и косые кавычки. Единственно ограничение: тип закрывающей кавычки должен быть тот же, что и тип открывающей, то есть либо обе двойные, либо обе одинарные.

				
					const user = "Tom";
const company = 'Microsoft';
const language = `JavaScript`;
 
console.log(user);
console.log(company);
console.log(language);

null и undefined

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

				
					let email;
console.log(email); // выведет undefined

Присвоение значение null означает, что у переменной отсутствует значение:

				
					let email;
console.log(email); // undefined
email = null;
console.log(email);     // null

Number

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

  • Целые числа, например, 35. Мы можем использовать как положительные, так и отрицательные числа. Диапазон используемых чисел: от -253 до 253

  • Дробные числа (числа с плавающей точкой). В качестве разделителя дробной и целой части применяется точка, например, 3.5575. Опять же можно использовать как положительные, так и отрицательные числа. Для чисел с плавающей точкой используется тот же диапазон: от -253 до 253

Например:

				
					const x = 45;
const y = 123.897;
const z = -0.123;

Тип BigInt

Тип BigInt добавлен в последних стандартах JavaScript для представления очень больших целых чисел, которые выходят за пределы диапазона типа number. Это не значит, что мы не можем совсем работать с большими числами с помощью типа number, но работа с ними в случае с типом number будет сопряжена с проблемами. 

Тип Boolean

Тип Boolean представляет булевые или логические значения true (верно) и false (ложно):

				
					const isAlive = true;
const isDead = false;

object

Тип object представляет сложный объект. Простейшее определение объекта представляют фигурные скобки:

				
					const user = {};

Объект может иметь различные свойства и методы:

				
					const user = {name: "Tom", age:24};
console.log(user.name);

Оператор typeof

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

				
					let id;
console.log(typeof id);       // undefined
 
id = 45;
console.log(typeof id);   // number
 
id = 45n;
console.log(typeof id);     // bigint
 
id = "45";
console.log(typeof id);     // string

Арифметические операции

Для выполнения различных действий над значениями (например, сложение, вычитание и т.д.) язык JavaScript предоставляет операции. Операции принимают один, два или три операнда и применяют к ним некоторые действия. В качестве операндов в зависимости от типа операции можно применять литералы (числа, строки), переменные и константы или результаты других операций. Ранее мы уже использовать одну, наиболее распространенную операцию — операцию присвоения в виде символа =, которая присваивает переменной или константе некоторое значение:

JavaScript поддерживает все базовые математические операции:

Сложение:

 
				
					const x = 50 + 10;
console.log(x); // 60

Вычитание:

				
					const x = 50 - 10;
console.log(x); // 40

Умножение:

				
					const x = 50 * 10;
console.log(x); // 500

Деление:

				
					const x = 50 / 10;
console.log(x); // 5
 
const z = 50 / 4;
console.log(z); // 12.5

Деление по модулю (оператор %) возвращает остаток от деления:

				
					const x = 15 % 4;
console.log(x); // 3

Возведение в степень. Оператор ** возводит число в определенную степень:

				
					const n = 2 ** 3;
console.log(n);  // 8
 
const x = 3;
const y = 2;
const z = x ** y;
console.log(z);  // 9

Домашняя работа

Задание 1: Определение типа данных

  • Напишите программу, которая принимает на вход переменные разных типов данных (число, строка, булевое значение, объект, массив) и выводит в консоль их тип с помощью оператора typeof.