Как использовать математические операторы в JavaScript

Введение

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

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

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

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

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

Арифметические операторы являются символами, которые указывают на математическую операцию и возвращают значение. В уравнении 3 + 7 = 10, есть синтаксис +, который выступает за дополнение.

JavaScript имеет много знакомых операторов от основной математики, а также несколько дополнительных операторов, характерных для программирования.

Вот таблица арифметических операторов JavaScript.

Мы пройдем подробно по каждому из этих операторов в этой статье.

Сложение и вычитание

Сложение и вычитание, операторы, доступные в 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.