Возьмем простое выражение 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 |
Следующий код показывает, как использовать арифметические операторы в 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 принимает значение «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 это Число Задайте переменным различные значения и различные операторы, а затем попробуйте...