Поиск по сайту:
Истина не нуждается в защите, а мир — в завоевании (Авессалом Подводный).

JavaScript – Операторы

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
30.10.2017
JavaScript - Операторы

Что такое оператор?

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

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

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

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

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

Предположим, переменная А имеет значение 10, а переменная В имеет значение 20, тогда

Sr.NoОператор и описание
1+ (Сложение)

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

Пример: A + B будет равно 30

2– (Вычитание)

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

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

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

Умножим оба операнда

Пример: A * B равно 200

4/ (Деление)

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

Пример: B/A, равно 2

5% (Остаток от деления)

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

Пример: В%А равно 0

6++ (инкремент)

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

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

7– (декремент)

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

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

Примечание:
Добавление оператора (+) работает как ввод цифр, а также строк. например, «а» + 10 даст «a10».

Пример

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

<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>
      
      Установите переменные в различные значения, а затем попробуйте...
   </body>
</html>

 

Вывод

a + b = 43
a - b = 23
a / b = 3.3
a % b = 3
a + b + c = 43Test
++a = 35
--b = 8
Установите переменные в различные значения, а затем попробуйте...

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

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

Предположим, переменная А имеет 10 и переменная В имеет значение 20, тогда:

Оператор и описание
1== (Равно)

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

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

2!= (Не равно)

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

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

3> (Больше)

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

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

4< (Меньше)

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

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

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

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

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

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

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

Пример: (А <= В) истинно.

Пример

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

<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>
      
      Задайте переменным различные значения и различные операторы, а затем попробуйте...
   </body>
</html>

 

Вывод

(a == b) => false 
(a < b) => true 
(a > b) => false 
(a != b) => true 
(a >= b) => false 
a <= b) => true
Задайте переменным различные значения и различные операторы, а затем попробуйте...

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

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

Предположим, переменная А имеет 10 и переменная В имеет значение 20, тогда:

Оператор и описание
1&& (логическое И)

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

Пример: (А && Б) истинно.

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

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

Пример: (А || В) истинно.

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

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

Пример: ! (А && Б) является ложным.

Пример

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

<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>Задайте переменным различные значения и различные операторы, а затем попробуйте...</p>
   </body>
</html>

 

Вывод

(a && b) => false 
(a || b) => true 
!(a && b) => true
Задайте переменным различные значения и различные операторы, а затем попробуйте...

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

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

Предположим, переменная А имеет 2 и переменная В имеет значение 3, тогда:

Оператор и описание
1& (Побитовое И)

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

Пример: (А & В) 2.

2| (Побитовое ИЛИ)

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

Пример: (A | B) является 3.

3^ (Побитовое исключающее ИЛИ)

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

Пример: (А ^ В) 1.

4~ (Побитовое Не)

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

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

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

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

Пример: (А << 1) 4.

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

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

Пример: (A >> 1) является 1.

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

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

Пример: (А >>> 1) 1.

Пример

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

<html>
   <body>
   
      <script type="text/javascript">
         <!--
            var a = 2; // Бит-презентация 10
            var b = 3; // Бит-презентация 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>Задайте переменным различные значения и различные операторы, а затем попробуйте...</p>
   </body>
</html>

 

(a & b) => 2 
(a | b) => 3 
(a ^ b) => 1 
(~b) => -4 
(a << b) => 16 
(a >> b) => 0
Задайте переменным различные значения и различные операторы, а затем попробуйте...

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

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

Оператор и описание
1= (Простое равно)

Назначает значения с правой стороны операнда на левый операнд

Пример: С = А + В присвоит значение A + B в C

2+= (Добавить и присвоение)

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

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

3-= (вычитание и присвоение)

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

Пример: С -= А эквивалентно С = С – А

4*= (Умножение и присвоение)

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

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

5/= (Деление и присвоение)

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

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

6% = (Модуль и присвоение)

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

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

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

Пример

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

<html>
   <body>
   
      <script type="text/javascript">
         <!--
            var a = 33;
            var b = 10;
            var linebreak = "<br />";
         
            document.write("Значение a => (a = b) => ");
            result = (a = b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Значение a => (a += b) => ");
            result = (a += b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Значение a => (a -= b) => ");
            result = (a -= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Значение a => (a *= b) => ");
            result = (a *= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Значение a => (a /= b) => ");
            result = (a /= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Значение a => (a %= b) => ");
            result = (a %= b);
            document.write(result);
            document.write(linebreak);
         //-->
      </script>
      
      <p>Задайте переменным различные значения и различные операторы, а затем попробуйте...</p>
   </body>
</html>

 

Вывод

Значение a => (a = b) => 10
Значение a => (a += b) => 20 
Значение a => (a -= b) => 10 
Значение a => (a *= b) => 100 
Значение a => (a /= b) => 10
Значение a => (a %= b) => 0
Задайте переменным различные значения и различные операторы, а затем попробуйте...

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

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

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

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

Оператор и описание
1?: (Условный)

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

Пример

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

<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>Задайте переменным различные значения и различные операторы, а затем попробуйте...</p>
   </body>
</html>

 

Вывод

((a > b) ? 100 : 200) => 200 
((a < b) ? 100 : 200) => 100
Задайте переменным различные значения и различные операторы, а затем попробуйте...

Оператор TypeOf

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

Оператор TypeOf  принимает значение «Number», «String», или «Boolean», если ее операнд представляет собой число, строка или логическое значение и возвращает истину или ложь на основе оценки.

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

ТипСтрока возвращаемая typeof
Number“number”
String“string”
Boolean“boolean”
Object“object”
Function“function”
Undefined“undefined”
Null“object”

Пример

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

<html>
   <body>
      
      <script type="text/javascript">
         <!--
            var a = 10;
            var b = "String";
            var linebreak = "<br />";
         
            result = (typeof b == "string" ? "B это Строка" : "B это Число");
            document.write("Result => ");
            document.write(result);
            document.write(linebreak);
         
            result = (typeof a == "string" ? "A это Строка" : "A это Число");
            document.write("Result => ");
            document.write(result);
            document.write(linebreak);
         //-->
      </script>
      
      <p>Задайте переменным различные значения и различные операторы, а затем попробуйте...</p>
   </body>
</html>

 

Вывод

Result => B это Строка 
Result => A это Число
Задайте переменным различные значения и различные операторы, а затем попробуйте...

 

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

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

Это может быть вам интересно

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии

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

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