Лекция по дисциплине Веб-дизайн на тему Операторы JavaScipt

Лекция 5 Операторы JavaScipt
План:
Арифметические операторы JavaScript
Операторы сравнения
Арифметические операторы JavaScript
Арифметические операторы используются для выполнения арифметических операций над переменными или значениями.
В таблице ниже перечислены арифметические операторы доступные в JavaScript (предположим, что x=7).
Оператор Описание Пример Результат
+ Выполняет сложение чисел y=x+10 y=17
- Выполняет вычитание чисел y=x-3 y=4
* Выполняет умножение чисел y=x*4 y=28
/ Выполняет деление чисел y=x/2 y=3
% Вычисляет остаток от деления чисел y=x%2 y=1
++ Увеличивает значение на 1 и возвращает новое значение Увеличивает значение на 1 и возвращает старое значение y=++x y=x++ y=8, x=8 y=7, x=8
-- Уменьшает значение на 1 и возвращает новое значение Уменьшает значение на 1 и возвращает старое значение y=--x y=x-- y=6, x=6 y=7, x=6
Пример
//Объявим переменные
var x=6;
var y=7;
//Выполним сложение переменных и выведем результат на страницу
z=x+y;
document.write(z);
//Выполним умножение и выведем результат на страницу
g=x*y;
document.write(g);
//Выполним вычитание и выведем результат на страницу
t=y-x;
document.write(t);
Сокращенная запись арифметических операторов
Для того, чтобы уменьшить размер кода Вы можете использовать сокращенную запись арифметических операций.
Условимся что x=4, а y=6:
Оператор Сокращенная запись Полная запись Результат
+= y+=x y=y+x y=10
-= y-=x y=y-x y=2
*= y*=x y=y*x y=24
/= y/=x y=y/x y=1
%= y%=x y=y%x y=2
Использование оператора + со строковыми переменными
Если оператор + используется со строковыми переменными он выполняет объединение строк хранящихся в них.
Пример
//Запишем "Привет " в переменную ex1
ex1="Привет ";
//Запишем "всем" в переменную ex2
ex2="всем";
/* Соединим значения переменных ex1 и ex2, добавим к ним восклицательный
знак и затем запишем результат в ex3 */
ex3=ex1+ex2+"!";
//Выведем содержимое переменной ex3
document.write(ex3);
</script>
Обратите внимание: мы добавили пробел после 'Привет' не случайно. Если бы мы не сделали этого, то значение переменной ex3 было бы "Приветвсем!".
Результатом сложения строки и числа всегда будет строка
Пример
//Сложение двух чисел
var ex1=10+5;
document.write(ex1+"<br />");
//Сложение двух строк
var ex2="10"+"5"
document.write(ex2+"<br />");
//Сложение строки и числа
var ex3="10"+5;
document.write(ex3+"<br />");
var ex4="5"+10;
document.write(ex4);
Операторы сравнения позволяют производить над переменными и значениями различные операции сравнения.
В результате выполнения таких операций в зависимости от исхода возвращается true (истина) или false (ложь).
Пример
//Произведем сравнение чисел 7 и 10
document.write(7==10) // Выведет false так как числа не равны
//Теперь произведем сравнение чисел 10 и 10
document.write(10==10) // Выведет true так как числа равны
В таблице ниже перечислены доступные в JavaScript операторы сравнения (предположим, что x=7):
Оператор Описание Пример Результат
== Проверяет переменные или значения на равенство. x==7 true
=== Проверяет переменные или значения на равенство учитывая тип переменной x===7x==="7" truefalse
!= Проверяет различаются ли переменные или значения x!=9 true
> Проверяет больше ли переменная или значение стоящее слева, чем стоящее справа x>13 false
< Проверяет меньше ли переменная или значение стоящее слева, чем стоящее справа x<13 true
>= Проверяет является ли переменная или значение стоящее слева большим или равным стоящему справа x>=13x>=7 falsetrue
<= Проверяет является ли переменная или значение стоящее слева меньшим или равным стоящему справа x<=13x<=7 truetrue
Операторы сравнения в основном используются в условных конструкциях.
Обратите внимание: условные конструкции будут подробно рассмотрены в следующих главах данного учебника.
Пример
//Запишем число 10 в переменную a
var a=10;
//Запишем число 7 в переменную b
var b=7;
//Проверим совпадают ли числа
if (a==b) {
//Если числа совпадают выведем "Числа совпадают"
document.write("Числа совпадают");
}
else {
//Если числа не совпадают выведем "Числа не совпадают"
document.write("Числа не совпадают");
}
Логические операторы
Логические операторы используются для связки нескольких операторов сравнения.
В таблице ниже приведены логические операторы доступные в JavaScript (предположим, что x=2, а y=9):
Оператор Значение Пример Результат
&& И (x==2 && y==9)(x==3 && y==9) truefalse
|| ИЛИ (x==2 || y==8)(x==3 || y==9)(x==5 || y==6) truetruefalse
! НЕ !(x==3) true