логотип PurpleSchool
логотип PurpleSchool

Число в JavaScript

Автор

Дмитрий Фандорин

Число (number) является одним из основных типов данных в языке программирования JavaScript. В этой статье мы рассмотрим, как работать с числами в JavaScript, какие операции доступны для чисел, а также какие специальные значения и методы можно использовать.

Как писать числа в JavaScript

Числа могут быть записаны в JavaScript с помощью цифр и знака 'точка' для разделения целой и дробной частей. Например, 42, 3.14, 0.1 и -0.5 являются допустимыми числами в JavaScript.

Описание работы

Число с плавающей точкой

JavaScript использует формат с плавающей точкой для представления чисел с дробной частью. Это означает, что числа могут быть представлены в виде десятичной дроби с переменным числом цифр до и после точки. Например, 3.14159 и 0.0001 являются допустимыми числами в JavaScript.

Неточные вычисления

Из-за формата с плавающей точкой в JavaScript могут возникать неточности при вычислениях. Например, результат вычисления выражения 0.1 + 0.2 может быть не равен 0.3 из-за неточности представления чисел с плавающей точкой. Чтобы избежать таких проблем, рекомендуется использовать математические функции из стандартной библиотеки JavaScript, которые работают с высокой точностью.

Специальные значения

JavaScript имеет несколько специальных значений для работы с числами:

  • NaN (Not a Number) - это значение, которое получается при выполнении некорректных математических операций. Например, результат вычисления выражения 0 / 0 или Math.sqrt(-1) будет NaN.
  • Infinity - это значение, которое представляет положительную бесконечность. Оно получается при делении положительного числа на 0 или при вызове функции Math.pow() с очень большими аргументами.
  • -Infinity - это значение, которое представляет отрицательную бесконечность. Оно получается при делении отрицательного числа на 0 или при вызове функции Math.pow() с очень большими отрицательными аргументами.

Операции с числами

В JavaScript доступны все основные арифметические операции для работы с числами, такие как сложение (+), вычитание (-), умножение (*) и деление (/). Кроме того, JavaScript поддерживает операторы инкремента (++) и декремента (--), которые увеличивают или уменьшают значение числа на 1.

Примеры:

let x = 5;
let y = 2;

console.log(x + y); // 7
console.log(x - y); // 3
console.log(x * y); // 10
console.log(x / y); // 2.5

let z = 3;

console.log(z++); // 3
console.log(z);   // 4

console.log(++z); // 5
console.log(z);   // 5

Числовой разделитель

JavaScript поддерживает использование символа подчеркивания (_) для разделения разрядов в числах. Это позволяет сделать большие числа более читабельными. Например, число 1000000 можно записать как 1_000_000.

Пример:

let x = 1_000_000;
console.log(x); // 1000000

Дополнительные методы

В JavaScript есть несколько методов для работы с числами:

  • Number.isNaN() - проверяет, является ли переданное значение NaN.
  • Number.isFinite() - проверяет, является ли переданное значение числом и не является ли оно Infinity или -Infinity.
  • parseInt() - преобразует строку в целое число. Если строка начинается с числа, то будет возвращено это число, в противном случае будет возвращено NaN.
  • parseFloat() - преобразует строку в число с плавающей точкой. Если строка начинается с числа, то будет возвращено это число, в противном случае будет возвращено NaN.

Примеры:

console.log(Number.isNaN(NaN)); // true
console.log(Number.isNaN(5));   // false

console.log(Number.isFinite(42));    // true
console.log(Number.isFinite(Infinity));  // false

console.log(parseInt("42"));         // 42
console.log(parseInt("42px"));       // 42
console.log(parseInt("hello"));      // NaN

console.log(parseFloat("3.14"));     // 3.14
console.log(parseFloat("3.14px"));   // 3.14
console.log(parseFloat("hello"));    // NaN

Заключение

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

Стрелочка влевоСтрока в JavaScriptnull в JavaScriptСтрелочка вправо

Постройте личный план изучения Javascript до уровня Middle — бесплатно!

Javascript — часть карты развития Frontend

  • step100+ шагов развития
  • lessons30 бесплатных лекций
  • lessons300 бонусных рублей на счет

Бесплатные лекции

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний

Лучшие курсы по теме

изображение курса

Основы JavaScript

Антон Ларичев
AI-тренажеры
Практика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.8
3 999 ₽ 6 990 ₽
Подробнее
изображение курса

TypeScript с нуля

Антон Ларичев
AI-тренажеры
Практика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.7
3 999 ₽ 6 990 ₽
Подробнее
изображение курса

Next.js - с нуля

Антон Ларичев
Практика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.7
3 999 ₽ 6 990 ₽
Подробнее

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