Операторы в JavaScript

Оцените материал
(0 голосов)

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

Операторы JavaScript

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

В  языке программирования JavaScript представлены  такие  математические операции:

Сложение:

var a = 5;
var b = a + 50;

Вычитание:

var a = 150;
var b = a - 50;

Умножение:

var a = 5;
var b = 15;
var c = a * b;

Деление:

var a = 30;
var b = 15;
var c = a / b;

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

var a = 30;
var b = 7;
var c = a % b;
console.log(c); // 2

В результате получим 2, так как число наибольшее которое меньше или равно 30 и при этом делится на 7 без остатка равно 28, а 30 - 28 = 2.

Операция возведение в степень используется оператор ** первый операнд указывают основание, а второй степень. Вот пример как посчитать 2 в в 3 степени:

var a = 2;
var b = 3;
var c = a**b;
console.log(c); //8

 

Инкремент:

var a = 5;
a++; // a = 6

Оператор инкремента ++ просто увеличивает текущую переменную на единицу. Может использоваться префиксный инкремент, который сперва увеличит переменную на 1, а потом вернет значение переменной. И постфиксный инкремент, который наоборот сперва вернет значение переменной, а уж потом увеличивает его на 1:

// префиксный инкремент
var a = 7;
var b = ++b;
console.log(a); // 8
console.log(b); // 8
     
// постфиксный инкремент
var c = 6;
var d = c++;
console.log(c); // 7
console.log(d); // 6

Постфиксный инкремент:

b = b + 1; // b++

Оператор декремент уменьшает значение переменной на 1. И имеет постфиксный и префиксный декремент:

// префиксный декремент
var a = 6;
var b = --a;
console.log(a); // 5
console.log(b); // 5
// постфиксный декремент
var c = 7;
var d = c--;
console.log(c); // 6
console.log(d); // 6

Все операции  выполняются по  математическим правилам  то есть  слева направо и  используются правила приоритетов: сперва операции инкремента и декремента,  а уж затем выполняются опреации  умножения и деления,  и уже потом  сложение и вычитание. Также есть целая таблица приоритетов.   Если вы хотите поменять приоритет операций, то для этого следует использовать  круглые скобки.

var a = 15;
var b = 5 + (6 - 2) * --a;
console.log(b); //61

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

Оператор = присваивает переменной значение: var a = 7;

Оператор += сложение с присваиванием результата. Например:

var b = 23;
b += 7; // аналогично b = b + 7
console.log(b); // 30

Оператор -= вычитание с присвоением результата. Вот пример:

var b = 30;
b -= 5; // аналогично b = b - 5
console.log(b); // 25

Оператор *= умножение с присвоением результата:

var y = 10;
y *= 3; // аналогично y = y * 3
console.log(y); // 30

Оператор /= деление с присвоением результата:

var z = 40;
z /= 5; // аналогично z = z / 5
console.log(z); // 8

Оператор %= получает остаток от деления и присваивает результат:

var x = 1;
x %= 3; // аналогично x = x % 3
console.log(x); // 1, так как 10 - 3*3 = 1

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

 Операторы сравнения используются для проверки условий. Они сравнивают 2 значения и на входе возвращают значение true или false:

Оператор сравнения Что делает Пример
== Оператор равенства сравнивает 2 значения, в случае и если они равны, вернет true, а если нет вернет false a == 6
=== Оператор тождественности  также как и оператор равенства сравнивает 2 значения, но он также сравнивает и их тип, и в том случае если они равны не только по значению, а и по типу возвращает true,в противном случае вернет false a=== 5
 !=  Оператор не равно сравнивает 2 значения, и в том случае если они не равны, вернет true, в противном случае вернет false  y != 5
 !==  Оператор тождественно неравно сравнивает 2 значения и также их типы, и если они не равны, как значения, так и типы то вернет true, в противном случае вернет false  y !== 5
 >  Оператор больше  сравнивает 2 значения, и если одно больше чем второе, то соответственно вернет true, в противном случае вернет false  y > 6.
 <  Оператор меньше  сравнивает 2 значения, и если одно меньше другого, то вернет true, в проивном случае вернет false  y < 7
 >=  Оператор больше равно сравнивает 2 значения, и если одно больше или равно другому, то вернет true, в противном случае вернет false  y >= 7
<= Оператор меньше равно  сравнивает 2 значения, и если одно меньше или равно другому, то вернет true, в противном случае вернет false y <= 8

 Все эти операторы очень просты, может быть, за исключением оператора равно и оператора тождествено равно. Пример:

var num1 = 200;
var str1 = "200";
var res = num1 == str1;
console.log(res); //true

Переменная res будет равна true, потому что и переменная num1 и переменная str1 представляют и зсебя число 200.

Но оператор тождествено равно в таком случае вернет false, потому что у данных разный тип:

var num1 = 200;
var str1 = "200";
var res = num1 === str1;
console.log(res); //false

Аналогичным образом  работают и операторы неравенства != и !==.

Заданиия

Понятно ли вам что делает этот код?

var z = 1, x = 1, y, d;
y = ++z; alert(c); // 2
d = x++; alert(d); // 1
y = (2+ ++z); alert(c); // 5
d = (2+ x++); alert(d); // 4
alert(z); // 3
alert(x); // 3

Результат присваивания

Как вы думаете чему будет равен у?

var num1 = 2;
var y = 1 + (num1 *= 2);

В заключении смотрите видео о опреаторах в JavaScript.

Десерт на сегодня - помните летающих роботов из "Терминатора"? Уже появилась действующая модель.

Прочитано 227 раз Последнее изменение Понедельник, 07 августа 2017 15:42
Другие материалы в этой категории:
Понравилась запись? Подпишитесь на обновления по почте:

Нетология

TemplateMonster

Поиск по сайту

Связной трэвел

Google+