Далее на странице...
Тема этой статьи - основные операторы в Javascript.
Какими они могут быть? Например, простые математические операторы, которые известны всем. Это плюс и минус, деление и умножение.
Кроме математических операторов есть и другие - логические операторы и оператор typeof - они будут рассмотрены ниже.
Забегая вперед, можно сказать, что оператор подобны функциям, которые занимают особое место в Javascript. Но речь о функциях пойдет немного позже.
Математические операторы
Сейчас же рассмотрим некоторые математические операторы. Как их можно использовать в Javascript?
Обратимся к примерам из предыдущих статей и для начала выясним, в каком году был рожден Джон.
var firstName = 'John';
var ageJohn= 28; // возраст Джона
Сделать это довольно просто. Нужно из текущего года вычесть возраст Джона. И сразу выводим эту информацию в консоль.
var yearJohn = 2020 - 28;
console.log(yearJohn);
1992
Здесь мы увидели, что минус - это математический оператор, который может использоваться в Javascript.
Теперь представим, что у Джона есть друг Марк, которому 33 года. И что нам нужно вычислить и его год рождения. Сделаем это.
var ageMark = 33; // возраст Марка
var yearMark = 2020 - 33;
console.log(yearMark);
1987
Здесь следует обратить внимание на повторение одних и тех же значений - это текущий год 2020. Поэтому это число следует присвоить отдельной переменной.
var year = 2020;
И теперь вместо повторного указания одного и того же значения 2020, мы можем использовать переменную year.
var yearJohn = year - 28;
var yearMark = year - 33;
console.log(yearJohn);
console.log(yearMark);
1992
1987
Для чего все это нужно? Это может быть очень удобным. Ведь если изменить значение переменной year, то изменятся и значения переменных yearJohn и yearMark.
var year, yearJohn, yearMark;
year = 2018;
yearJohn = year - 28;
yearMark = year - 33;
console.log(yearJohn);
console.log(yearMark);
1990
1985
Итак, здесь был рассмотрен пример того, как используется оператор минус в программировании. Конечно, допускается использовать все виды математических операций: сложение, умножение и деление.
var year, yearJohn;
year = 2018;
yearJohn = year - 28;
console.log(yearJohn);
console.log(year + 2); // сложение
console.log(year * 2); // умножение
console.log(year / 10); // деление
1990
2020
4036
201,8
Логические операторы
Теперь рассмотрим некоторые логические операторы в Javascript. Для этого следует вернуться к предыдущему примеру и сравнить возраст Джона и Марка. Кто из них старше?
Создаем новую переменную и называем ее johnOlder, в которой указывается, что возраст Джона больше чем возраст Марка.
var ageJohn, ageMark;
ageJohn = 28;
ageMark = 33;
var johnOlder = ageJohn > ageMark;
console.log(johnOlder);
false
В результате в консоли мы увидим false, то есть переменная johnOlder принимает ложное значение. Иными словами утверждение, что Джон старше Марка ложно, значит Джон младше Марка.
Если сделать наоборот и указать, что возраст Джона меньше чем возраст Марка.
var johnOlder = ageJohn < ageMark;
console.log(johnOlder);
true
В результате, мы увидим true - теперь переменная johnOlder принимает истинное значение. Значит, действительно, Джон младше Марка.
Помимо подобных сравнений, использование логических операторов - это своего рода способ создания булевой переменной. Переменная johnOlder принимает либо истинное, либо ложное значение - true или false.
Итак, математические операторы довольно просты и незамысловаты, в то время как логические операторы более важны и значимы, в чем мы постепенно убедимся.
Оператор typeof
Прежде чем закончить эту тему, посмотрим, что собой представляет оператор typeof.
Оператор typeof отличается от тех, что были рассмотрены ранее, для которых: либо для сравнения, либо для сложения или умножения всегда нужны две вещи/два операнда (как видно из примеров выше).
С оператором typeof все иначе. Для него нужен всего лишь один операнд.
Рассмотрим, как работает оператор typeof. Выведем в консоль результат использования оператора, работа которого заключается в том, чтобы определить тип переменной.
var johnOlder = ageJohn < ageMark;
console.log(johnOlder);
console.log(typeof johnOlder);
true
boolean
И действительно в консоли мы видим boolean - это тип переменной johnOlder, которая принимает значение true и относится к логическому/булевому типу данных.
Подробнее об операторе typeof читайте здесь. Также смотрите информацию о переменных и типах данных.
Итак, здесь мы познакомились с основными операторами в JavaScript - это математические, логические и оператор typeof.
В следующей статье продолжится работа с операторами, и будут рассмотрены более продвинутые вещи.
