Учебники

JavaScript — операторы

Январь 22, 2019

Возьмем простое выражение 4 + 5, равное 9 . Здесь 4 и 5 называются операндами, а «+» называется оператором . JavaScript поддерживает следующие типы операторов.

  • Арифметические Операторы
  • Операторы сравнения
  • Логические (или реляционные) операторы
  • Операторы присваивания
  • Условные (или троичные) операторы

Давайте посмотрим на всех операторов один за другим.

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

JavaScript поддерживает следующие арифметические операторы —

Предположим, что переменная A содержит 10, а переменная B содержит 20, тогда —

Sr.No. Оператор и описание
1

+ (Дополнение)

Добавляет два операнда

Пример: A + B даст 30

2

— (вычитание)

Вычитает второй операнд из первого

Пример: A — B даст -10

3

* (Умножение)

Умножьте оба операнда

Пример: A * B даст 200

4

/ (Отдел)

Разделите числитель на знаменатель

Пример: B / A даст 2

5

% (Модуль)

Выводит остаток от целочисленного деления

Пример: B% A даст 0

6

++ (Увеличение)

Увеличивает целочисленное значение на единицу

Пример: А ++ даст 11

7

— (Уменьшение)

Уменьшает целочисленное значение на единицу

Пример: A— даст 9

+ (Дополнение)

Добавляет два операнда

Пример: A + B даст 30

— (вычитание)

Вычитает второй операнд из первого

Пример: A — B даст -10

* (Умножение)

Умножьте оба операнда

Пример: A * B даст 200

/ (Отдел)

Разделите числитель на знаменатель

Пример: B / A даст 2

% (Модуль)

Выводит остаток от целочисленного деления

Пример: B% A даст 0

++ (Увеличение)

Увеличивает целочисленное значение на единицу

Пример: А ++ даст 11

— (Уменьшение)

Уменьшает целочисленное значение на единицу

Пример: A— даст 9

Примечание. Оператор сложения (+) работает как с числовыми, так и со строками. например, «а» + 10 даст «а10».

пример

Следующий код показывает, как использовать арифметические операторы в JavaScript.

Live Demo

<html>
   <body>
   
      <script type = "text/javascript">
         <!--
            var a = 33;
            var b = 10;
            var c = "Test";
            var linebreak = "<br />";
         
            document.write("a + b = ");
            result = a + b;
            document.write(result);
            document.write(linebreak);
         
            document.write("a - b = ");
            result = a - b;
            document.write(result);
            document.write(linebreak);
         
            document.write("a / b = ");
            result = a / b;
            document.write(result);
            document.write(linebreak);
         
            document.write("a % b = ");
            result = a % b;
            document.write(result);
            document.write(linebreak);
         
            document.write("a + b + c = ");
            result = a + b + c;
            document.write(result);
            document.write(linebreak);
         
            a = ++a;
            document.write("++a = ");
            result = ++a;
            document.write(result);
            document.write(linebreak);
         
            b = --b;
            document.write("--b = ");
            result = --b;
            document.write(result);
            document.write(linebreak);
         //-->
      </script>
      
      Set the variables to different values and then try...
   </body>
</html>

Выход 

a + b = 43
a - b = 23
a / b = 3.3
a % b = 3
a + b + c = 43Test
++a = 35
--b = 8
Set the variables to different values and then try...

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

JavaScript поддерживает следующие операторы сравнения —

Предположим, что переменная A содержит 10, а переменная B содержит 20, тогда —

Sr.No. Оператор и описание
1

= = (Равен)

Проверяет, равны ли значения двух операндов или нет, если да, то условие становится истинным.

Пример: (A == B) не соответствует действительности.

2

! = (Не равно)

Проверяет, равны ли значения двух операндов или нет, если значения не равны, то условие становится истинным.

Пример: (A! = B) верно.

3

> (Больше чем)

Проверяет, больше ли значение левого операнда, чем значение правого операнда, если да, то условие становится истинным.

Пример: (A> B) не соответствует действительности.

4

<(Меньше чем)

Проверяет, меньше ли значение левого операнда, чем значение правого операнда, если да, то условие становится истинным.

Пример: (A <B) верно.

5

> = (Больше или равно)

Проверяет, больше ли значение левого операнда или равно значению правого операнда, если да, то условие становится истинным.

Пример: (A> = B) не соответствует действительности.

6

<= (Меньше или равно)

Проверяет, меньше ли значение левого операнда или равно значению правого операнда, если да, то условие становится истинным.

Пример: (A <= B) верно.

= = (Равен)

Проверяет, равны ли значения двух операндов или нет, если да, то условие становится истинным.

Пример: (A == B) не соответствует действительности.

! = (Не равно)

Проверяет, равны ли значения двух операндов или нет, если значения не равны, то условие становится истинным.

Пример: (A! = B) верно.

> (Больше чем)

Проверяет, больше ли значение левого операнда, чем значение правого операнда, если да, то условие становится истинным.

Пример: (A> B) не соответствует действительности.

<(Меньше чем)

Проверяет, меньше ли значение левого операнда, чем значение правого операнда, если да, то условие становится истинным.

Пример: (A <B) верно.

> = (Больше или равно)

Проверяет, больше ли значение левого операнда или равно значению правого операнда, если да, то условие становится истинным.

Пример: (A> = B) не соответствует действительности.

<= (Меньше или равно)

Проверяет, меньше ли значение левого операнда или равно значению правого операнда, если да, то условие становится истинным.

Пример: (A <= B) верно.

пример

Следующий код показывает, как использовать операторы сравнения в JavaScript.

Live Demo 

<html>
   <body>  
      <script type = "text/javascript">
         <!--
            var a = 10;
            var b = 20;
            var linebreak = "<br />";
      
            document.write("(a == b) => ");
            result = (a == b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a < b) => ");
            result = (a < b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a > b) => ");
            result = (a > b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a != b) => ");
            result = (a != b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a >= b) => ");
            result = (a >= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a <= b) => ");
            result = (a <= b);
            document.write(result);
            document.write(linebreak);
         //-->
      </script>      
      Set the variables to different values and different operators and then try...
   </body>
</html>

Выход 

(a == b) => false 
(a < b) => true 
(a > b) => false 
(a != b) => true 
(a >= b) => false 
a <= b) => true
Set the variables to different values and different operators and then try...

Логические Операторы

JavaScript поддерживает следующие логические операторы —

Предположим, что переменная A содержит 10, а переменная B содержит 20, тогда —

Sr.No. Оператор и описание
1

&& (логическое И)

Если оба операнда отличны от нуля, условие становится истинным.

Пример: (A && B) верно.

2

|| (Логическое ИЛИ)

Если любой из двух операндов отличен от нуля, условие становится истинным.

Пример: (A || B) верно.

3

! (Логически НЕ)

Меняет логическое состояние своего операнда. Если условие истинно, то оператор Logical NOT сделает его ложным.

Пример: (A && B) неверно.

&& (логическое И)

Если оба операнда отличны от нуля, условие становится истинным.

Пример: (A && B) верно.

|| (Логическое ИЛИ)

Если любой из двух операндов отличен от нуля, условие становится истинным.

Пример: (A || B) верно.

! (Логически НЕ)

Меняет логическое состояние своего операнда. Если условие истинно, то оператор Logical NOT сделает его ложным.

Пример: (A && B) неверно.

пример

Попробуйте следующий код, чтобы узнать, как реализовать логические операторы в JavaScript.

Live Demo 

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var a = true;
            var b = false;
            var linebreak = "<br />";
      
            document.write("(a && b) => ");
            result = (a && b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a || b) => ");
            result = (a || b);
            document.write(result);
            document.write(linebreak);
         
            document.write("!(a && b) => ");
            result = (!(a && b));
            document.write(result);
            document.write(linebreak);
         //-->
      </script>      
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>

Выход 

(a && b) => false 
(a || b) => true 
!(a && b) => true
Set the variables to different values and different operators and then try...

Битовые операторы

JavaScript поддерживает следующие побитовые операторы —

Предположим, что переменная A содержит 2, а переменная B содержит 3, тогда —

Sr.No. Оператор и описание
1

& (Побитовое И)

Он выполняет логическую операцию И над каждым битом своих целочисленных аргументов.

Пример: (A & B) равно 2.

2

| (BitWise ИЛИ)

Он выполняет логическую операцию ИЛИ для каждого бита своих целочисленных аргументов.

Пример: (A | B) равно 3.

3

^ (Побитовый XOR)

Он выполняет логическую исключающую операцию ИЛИ для каждого бита своих целочисленных аргументов. Исключающее ИЛИ означает, что либо операнд один является истинным, либо операнд два является истинным, но не оба.

Пример: (A ^ B) равно 1.

4

~ (Поразрядно нет)

Это унарный оператор, действующий путем обращения всех битов в операнде.

Пример: (~ B) -4.

5

<< (Сдвиг влево)

Он перемещает все биты в своем первом операнде влево на количество мест, указанное во втором операнде. Новые биты заполнены нулями. Смещение значения влево на одну позицию эквивалентно умножению его на 2, смещение двух позиций эквивалентно умножению на 4 и так далее.

Пример: (A << 1) равно 4.

6

>> (Сдвиг вправо)

Оператор двоичного правого сдвига. Значение левого операнда перемещается вправо на количество битов, указанное правым операндом.

Пример: (A >> 1) равно 1.

7

>>> (Сдвиг вправо с нулем)

Этот оператор аналогичен оператору >>, за исключением того, что сдвинутые слева биты всегда равны нулю.

Пример: (A >>> 1) равно 1.

& (Побитовое И)

Он выполняет логическую операцию И над каждым битом своих целочисленных аргументов.

Пример: (A & B) равно 2.

| (BitWise ИЛИ)

Он выполняет логическую операцию ИЛИ для каждого бита своих целочисленных аргументов.

Пример: (A | B) равно 3.

^ (Побитовый XOR)

Он выполняет логическую исключающую операцию ИЛИ для каждого бита своих целочисленных аргументов. Исключающее ИЛИ означает, что либо операнд один является истинным, либо операнд два является истинным, но не оба.

Пример: (A ^ B) равно 1.

~ (Поразрядно нет)

Это унарный оператор, действующий путем обращения всех битов в операнде.

Пример: (~ B) -4.

<< (Сдвиг влево)

Он перемещает все биты в своем первом операнде влево на количество мест, указанное во втором операнде. Новые биты заполнены нулями. Смещение значения влево на одну позицию эквивалентно умножению его на 2, смещение двух позиций эквивалентно умножению на 4 и так далее.

Пример: (A << 1) равно 4.

>> (Сдвиг вправо)

Оператор двоичного правого сдвига. Значение левого операнда перемещается вправо на количество битов, указанное правым операндом.

Пример: (A >> 1) равно 1.

>>> (Сдвиг вправо с нулем)

Этот оператор аналогичен оператору >>, за исключением того, что сдвинутые слева биты всегда равны нулю.

Пример: (A >>> 1) равно 1.

пример

Попробуйте следующий код для реализации побитового оператора в JavaScript.

Live Demo 

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var a = 2; // Bit presentation 10
            var b = 3; // Bit presentation 11
            var linebreak = "<br />";
         
            document.write("(a & b) => ");
            result = (a & b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a | b) => ");
            result = (a | b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a ^ b) => ");
            result = (a ^ b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(~b) => ");
            result = (~b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a << b) => ");
            result = (a << b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a >> b) => ");
            result = (a >> b);
            document.write(result);
            document.write(linebreak);
         //-->
      </script>      
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>

(a & b) => 2 
(a | b) => 3 
(a ^ b) => 1 
(~b) => -4 
(a << b) => 16 
(a >> b) => 0
Set the variables to different values and different operators and then try...

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

JavaScript поддерживает следующие операторы присваивания —

Sr.No. Оператор и описание
1

= (Простое назначение)

Назначает значения от правого операнда к левому операнду

Пример: C = A + B назначит значение A + B в C

2

+ = (Добавить и назначить)

Он добавляет правый операнд к левому операнду и присваивает результат левому операнду.

Пример: C + = A эквивалентно C = C + A

3

— = (Вычесть и присвоить)

Он вычитает правый операнд из левого операнда и присваивает результат левому операнду.

Пример: C — = A эквивалентно C = C — A

4

* = (Умножение и назначение)

Он умножает правый операнд на левый операнд и присваивает результат левому операнду.

Пример: C * = A эквивалентно C = C * A

5

/ = (Разделить и Назначение)

Он делит левый операнд на правый операнд и присваивает результат левому операнду.

Пример: C / = A эквивалентно C = C / A

6

% = (Модули и Назначение)

Он принимает модуль с использованием двух операндов и присваивает результат левому операнду.

Пример: C% = A эквивалентно C = C% A

= (Простое назначение)

Назначает значения от правого операнда к левому операнду

Пример: C = A + B назначит значение A + B в C

+ = (Добавить и назначить)

Он добавляет правый операнд к левому операнду и присваивает результат левому операнду.

Пример: C + = A эквивалентно C = C + A

— = (Вычесть и присвоить)

Он вычитает правый операнд из левого операнда и присваивает результат левому операнду.

Пример: C — = A эквивалентно C = C — A

* = (Умножение и назначение)

Он умножает правый операнд на левый операнд и присваивает результат левому операнду.

Пример: C * = A эквивалентно C = C * A

/ = (Разделить и Назначение)

Он делит левый операнд на правый операнд и присваивает результат левому операнду.

Пример: C / = A эквивалентно C = C / A

% = (Модули и Назначение)

Он принимает модуль с использованием двух операндов и присваивает результат левому операнду.

Пример: C% = A эквивалентно C = C% A

Примечание. Та же логика применяется к побитовым операторам, поэтому они будут иметь вид << =, >> =, >> =, & =, | = и ^ =.

пример

Попробуйте следующий код для реализации оператора присваивания в JavaScript.

Live Demo 

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var a = 33;
            var b = 10;
            var linebreak = "<br />";
         
            document.write("Value of a => (a = b) => ");
            result = (a = b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Value of a => (a += b) => ");
            result = (a += b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Value of a => (a -= b) => ");
            result = (a -= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Value of a => (a *= b) => ");
            result = (a *= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Value of a => (a /= b) => ");
            result = (a /= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Value of a => (a %= b) => ");
            result = (a %= b);
            document.write(result);
            document.write(linebreak);
         //-->
      </script>      
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>

Выход 

Value of a => (a = b) => 10
Value of a => (a += b) => 20 
Value of a => (a -= b) => 10 
Value of a => (a *= b) => 100 
Value of a => (a /= b) => 10
Value of a => (a %= b) => 0
Set the variables to different values and different operators and then try...

Разный оператор

Мы обсудим здесь два оператора, которые весьма полезны в JavaScript: условный оператор (? 🙂 и оператор typeof .

Условный оператор (? 🙂

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

Sr.No. Оператор и описание
1

? : (Условно)

Если условие верно? Тогда значение X: в противном случае значение Y

? : (Условно)

Если условие верно? Тогда значение X: в противном случае значение Y

пример

Попробуйте следующий код, чтобы понять, как условный оператор работает в JavaScript.

Live Demo 

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var a = 10;
            var b = 20;
            var linebreak = "<br />";
         
            document.write ("((a > b) ? 100 : 200) => ");
            result = (a > b) ? 100 : 200;
            document.write(result);
            document.write(linebreak);
         
            document.write ("((a < b) ? 100 : 200) => ");
            result = (a < b) ? 100 : 200;
            document.write(result);
            document.write(linebreak);
         //-->
      </script>      
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>

Выход 

((a > b) ? 100 : 200) => 200 
((a < b) ? 100 : 200) => 100
Set the variables to different values and different operators and then try...

Тип оператора

Оператор typeof — это унарный оператор, который помещается перед его единственным операндом, который может быть любого типа. Его значением является строка, указывающая тип данных операнда.

Оператор typeof оценивается как «число», «строка» или «логическое значение», если его операндом является число, строка или логическое значение, и возвращает значение «истина» или «ложь» на основе оценки.

Вот список возвращаемых значений для оператора typeof .

Тип Строка, возвращаемая typeof
Число «число»
строка «Строка»
логический «Логическое»
объект «Объект»
функция «Функция»
Неопределенный «Неопределенные»
Ноль «Объект»

пример

Следующий код показывает, как реализовать оператор typeof .

48
Share: