Вижу, дитя, по словам, что твоя благородна порода!.. (Гомер).

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

FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
23 июля 2017
Как использовать математические операторы в JavaScript

Введение

Математические операции являются одними из наиболее фундаментальных и универсальных особенностей любого языка программирования. В 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 ** yx возводиться в 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.

Операторы присваивания

Одним из наиболее часто используемых операторов является оператор присваивание, который мы уже видели и представлен знаком равенства ( smile. Мы используем =, чтобы присвоить значение на право переменной слева.

// Присвоить 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.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Просмотров: 111

Если статья понравилась, то поделитесь ей в социальных сетях:

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close