Введение
Математические операции являются одними из наиболее фундаментальных и универсальных особенностей любого языка программирования. В JavaScript, числа часто используются для общих задач, таких как поиск размеры окна браузера, получить окончательную цену сделки и вычисления расстояния между элементами в веб-документе.
Хотя понимание высшей математики не является необходимым условием для того, чтобы быть способным разработчиком, важно знать, какие типы операций доступны в JavaScript, и как использовать математику в качестве инструмента для выполнения практических задач.
В отличие от других языков программирования, JavaScript имеет только тип данных один номер; нет никаких различий между целыми числами (положительными или отрицательными целыми числами) и вещественными (например числа с десятичной точкой).
В этой статье мы рассмотрим арифметические операторы, операторы присваивания и порядок операций, используемых с типами данных числа в JavaScript.
Арифметические операторы
Арифметические операторы являются символами, которые указывают на математическую операцию и возвращают значение. В уравнении 3 + 7 = 10, есть синтаксис +, который выступает за дополнение.
JavaScript имеет много знакомых операторов от основной математики, а также несколько дополнительных операторов, характерных для программирования.
Вот таблица арифметических операторов JavaScript.
| оператор | Синтаксис | пример | Определение |
|---|---|---|---|
| прибавление | + | x + y | сумма x и y |
| вычитание | – | x – y | вычитание x и y |
| умножение | * | x * y | умножение x на y |
| разделение | / | x / y | деление x на y |
| модуль | % | x % y | остаток x / y |
| Возведение | ** | x ** y | x возводиться в y |
| инкремент | ++ | x++ | x плюс один |
| декремент | — | x– | x минус один |
Мы пройдем подробно по каждому из этих операторов в этой статье.
Сложение и вычитание
Сложение и вычитание, операторы, доступные в JavaScript, и могут быть использованы, чтобы найти сумму или разность числовых значений. JavaScript имеет встроенный калькулятор, и математические операции можно выполнять непосредственно в консоли.
Мы можем сделать некоторые простые сложения с числами, например, сумму 10 и 20, используя знак плюс ( +).
10 + 20;
Вывод
30
В дополнении к математическими операциями с простыми числами, можно также присвоить номера переменных и выполнять то же вычисление. В этом случае, мы будем присваивать числовые значения x и y и поместим сумму в z.
// Присвоить значение x и y let x = 10; let y = 20; // Добавить x и y и присвоить значение суммы к z let z = x + y; console.log(z);
Вывод
30
Кроме того, мы используем знак минус ( -) чтобы вычесть число или переменную, представляющие числа.
// Присвоить значение x и y let x = 10; let y = 20; // Вычесть x из y и присвоить разницу z let z = y - x; console.log(z);
Вывод
10
Мы также можем складывать и вычитать значения с отрицательными и вещественными числами(десятичные).
// Присвоить значение x и y let x = -5.2; let y = 2.5; // Вычитание y из x и присвоить разницу в z let z = x - y; console.log(z);
Вывод
-7.7
Одна интересная вещь, которую стоит отметить и быть в курсе в JavaScript, это является результатом при добавления номера и строки. Мы знаем, что 1 + 1 должны быть равны 2, но это уравнение будет иметь неожиданные результаты.
let x = 1 + "1"; console.log(x); typeof x;
Вывод
11 'string'
Вместо добавления двух чисел, JavaScript преобразует все заявления в строку и объединяет их вместе. Очень важно быть осторожным с динамически типизированными константами в JavaScript, так как это может привести к нежелательным результатам.
Общая причина использовать сложение или вычитание в JavaScript, будет прокручивать панель навигации вниз по высоте в 60 пикселей.
function scrollToId() {
const navHeight = 60;
window.scrollTo(0, window.pageYOffset - navHeight);
}
window.addEventListener('hashchange', scrollToId);
В приведенном выше примере, при нажатии на идентификатор, будет перемещаться до 60 пикселей над идентификатором.
Сложение и вычитание, два из наиболее распространенных математических уравнений которые вы будете использовать в JavaScript.
Умножение и деление
Умножение и деление, это операторы также доступны в JavaScript, и используются, чтобы найти произведение и деление числовых значений.
Звездочка (*) используется для представления оператора умножения.
// Присвоить значение x и y let x = 20; let y = 5; // Умножить x на y, чтобы получить результат let z = x * y; console.log(z);
Вывод
100
Умножение может быть использовано для расчета цены товара после применения налога с продаж.
const price = 26.5; // Цена на товар до уплаты налогов
const taxRate = 0.082; // 8.2% налог
// Рассчитать после уплаты налогов до двух десятичных знаков
let totalPrice = price + (price * taxRate);
totalPrice.toFixed(2);
console.log("Total:", totalPrice);
Вывод
Total: 28.67
Косая черта (/) используется для представления оператора деления.
// Присвоить значение x и y let x = 20; let y = 5; // Разделить y на x, чтобы получить коэффициент let z = x / y; console.log(z);
Вывод
4
Деление является особенно полезным при расчете времени, например, найти количество часов, в количестве минут, или при расчете процента правильных ответов выполненных в тесте.
Модуль
Один арифметический оператор, который немного меньше знаком является по модулю (иногда известный как модуль) оператор, который вычисляет остаток от деления частного после. Модуль представлен знаком процента ( %).
В качестве примера, мы знаем, что 3 идет из 9 ровно три раза, и нет никакого остатка.
9 % 3;
Вывод
0
Мы можем использовать оператор по модулю, чтобы определить, является ли число четным или нечетным, как видно с помощью этой функции:
// Инициализация функции, чтобы проверить, что число четное
const isEven = x => {
// Если остаток от деления на два равен 0, то возвращает true
if (x % 2 === 0) {
return true;
}
// Если число нечетное, возвращает false
return false;
}
// тест числа
isEven(12);
Вывод
true
В приведенном выше примере, 12 делят на 2, поэтому оно является четным числом.
Часто в программировании, по модулю используется в сочетании с условными операторами для управления потоком.
Возведение
Возведение является одним из новых операторов в JavaScript, и это позволяет рассчитать мощность ряда его показателем. Синтаксис для возведения, это две звездочки подряд (**).
10 в пятой степени, или 10 ^ 5, записывается следующим образом:
10 ** 5;
Вывод
100000
10 ** 5 представляет собой то же самое, что 10 умноженное на 10 пять раз:
10 * 10 * 10 * 10 * 10;
Другой способ написания это методом Math.pow().
Math.pow(10, 5);
Вывод
100000
Используя оператор возведения в степень является кратким способом найти силу данного числа, но, как обычно, очень важно, чтобы в соответствии со стилем вашего кода при выборе между методом и оператором.
Инкремент и декремент
Операторы Increment и decrement увеличивают или уменьшают численное значение переменной на единицу. Они представлены двумя знаками плюс (++) или два минуса (–), и часто используются с циклами.
Обратите внимание, что операторы приращения и уменьшения могут быть использованы только в переменных; пытаясь использовать их на константе приведет к ошибке.
7++
Вывод
Uncaught ReferenceError: Invalid left-hand side expression in postfix operation
Операторы приращения и уменьшения могут быть классифицированы в качестве префикса или постфикса операции, в зависимости от наличия или отсутствия, помещается оператор до или после переменной.
Во- первых, мы можем написать текст префикс приращения, с ++x.
// Установить значение let x = 7; // Используйте префикс операции инкремента let prefix = ++x; console.log(prefix);
Вывод
8
Значение x было увеличено на единицу. Чтобы увидеть разницу, мы будем тестировать постфиксное приращение, с y++.
// Установить переменную let y = 7; // Используйте префикс операции приращения let postfix = y++; console.log(postfix);
Вывод
7
Значение y не было увеличено в работе постфикса. Это происходит потому, что значение не будет увеличиваться до тех пор, пока выражению не будет присвоино значение. Выполнение операции дважды чтобы увеличить значение.
let y = 7; y++; y++; console.log(y);
Вывод
8
Оператор инкремента или декремента будет использоваться чаще всего в цикле. В этом примере цикла, мы будем запускать эту операцию десять раз, начиная с 0, и увеличивая значение на 1 в каждой итерации.
// Запуск цикла 10 раз
for (let i = 0; i < 10; i++) {
console.log(i);
}
Вывод
0 1 2 3 4 5 6 7 8 9
Код выше показывает итерации цикла, который достигается за счет использования оператора инкремента.
Мы можем подразумевать x++, обозначающий x = x + 1, и x–, обозначающий x = x – 1.
Операторы присваивания
Одним из наиболее часто используемых операторов является оператор присваивание, который мы уже видели и представлен знаком равенства ( =). Мы используем =, чтобы присвоить значение на право переменной слева.
// Присвоить 27 переменной age let age = 27;
В дополнении к стандартному оператору присвоения, JavaScript имеет составные операторы присваивания, которые сочетают в себе арифметический оператор =.
Например, оператор сложения будет начинаться с исходным значением, и добавить новое значение.
// Присваивается 27 к переменной age let age = 27; age += 3; console.log(age);
Вывод
30
В этом случае, age += 3 так же, как письменно age = age + 3.
Все арифметические операции могут быть объединены с назначением для создания составных операторов присваивания. Ниже приводится справочная таблица операторов присваивания в JavaScript.
| оператор | Синтаксис |
|---|---|
| присваивание | = |
| добавление к значению | += |
| вычитания из значения | -= |
| умножение на значение | *= |
| деления значения | /= |
| модель от значения | %= |
| возведение значения | **= |
Операторы присваивания часто используются с циклами, похожими на приращение и декрементирование, и используются, когда уравнения должны быть повторены или автоматизированы.
Старшинство операторов
Хотя мы читаем слева направо, операторы будут оцениваться в порядке старшинства, так же, как и в обычных математике.
В следующем примере, умножение имеет более высокий приоритет, чем сложение, которое определяет исход уравнения.
// Сначала умножить 3 на 5, затем добавить 10 10 + 3 * 5;
Вывод
25
Если вместо этого мы хотели бы запустить первой операцию сложения, мы должны указать это в скобках, что всегда имеет наивысший приоритет.
// Первым добавляется 10 к 3, потом умножается на 5 (10 + 3) * 5;
Вывод
65
Ниже приводится справочная таблица приоритетов арифметических операторов в JavaScript, от самого высокого до самого низкого. Для приращения и декрементирования, постфикс имеет более высокий приоритет, чем префикс.
Приращение/уменьшение, умножение/деление и сложение/вычитание имеют одинаковый уровень приоритета.
| оператор | Синтаксис |
|---|---|
| Круглые скобки | () |
| Приращение | ++ |
| Уменьшение | — |
| Возведение | ** |
| Умножение | * |
| Разделение | / |
| Прибавление | + |
| Вычитание | – |
Приоритет операций включает в себя не только арифметические операции, но и операторы присваивания, логические операторы, условные операторы и многое другое.
Вывод
В этой статье мы рассмотрели арифметические операторы и синтаксис, в том числе многих известных математических операторов, которые являются специфическими для программирования.
Кроме того, мы узнали, как комбинировать арифметические, а также создавать составные операторы присваивания, а также порядок приоритета в JavaScript.