JavaScript

Условные операторы языка javaScript

В javaScript условие осуществляет оператор if

В качестве условия может использоваться логическое выражение или переменная.

Часть конструкции после служебного слова else — необязательна.

1. если значения имеют разные типы, то они не идентичны
2. если значения являются числами, имеют одинаковые значения и не являются значениями NaN — они идентичны.

Для оператора равенства стоит использовать символ «==»
//num1 == num2
Для оператора идентичности стоит использовать «===»
//num1 === num2

Рассмотрим простой пример с использованием оператора языка javascript if:

var a=1;
if (a>1)
	alert("а больше 1")
else
	alert("а не больше 1");

var a=1;
if (a)
	alert(a);

Как в данном примере поступит интерпретатор? как будет проверять условие, состоящее просто из одной переменной? - По правилу лжи:

ЛОЖНО:

• Null значения
• Undefined
• NaN
• 0
• Пустая строка ("")
• false

Пример со строковой переменной:

var s="";
if (s)
	alert("строка не пуста");
else
	alert("строка пуста");

Тернарный оператор javaScript

Рассмотрим синтаксис тернарного оператора на примере:

Оператор переключения в javaScript - switch

Оператор switch javascript служит для проверки переменной на множество значений:

switch (выражение) { case вариант1: //..блок операторов.. break case вариант2: //..блок операторов.. break [default: //..блок операторов..] }

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

1
2
3
4
5
6
7
8
9
10
11
12
13

var a =2;
switch(a)
{
	case 0:
	case 1:
		alert("Ноль или один");
		break;
	case 2:
	alert("Два");
		break;
	default:
		alert("Много");
}

Циклические операторы языка javaScript - For

В качестве приращения счетчика указывается шаг, с которым должен увеличиваться счетчик: например, i++ указывает на то, что каждая итерация цикла будет сопровождаться его увеличением на 1.

Условие цикла - это и есть конечное значение счетчика: например, i<10 - счетчик, достигнув значения 10, останавливает цикл.

Рассмотрим пример использования цикла for в javascript:

1
2
3
4

for (var i=0;i<10;i++)
{
	document.write(i+"<br>");
}

В примере на экран выводятся значения счетчика цикла, так как приращение счетчика i++, соответственно на экране будут появляться 0 1 2 3 ... 9, причем каждая цифра - с новой строки (тег br).

ОПЕРАТОРЫ ВЫХОДА ИЗ ЦИКЛА BREAK И CONTINUE В JAVASCRIPT. ОПЕРАТОР EXIT

Оператор break прерывает выполнение всего тела цикла, т.е. осуществляет выход из цикла в javaScript.

В то время как оператор continue прерывает выполнение текущей итерации цикла, но продолжая при этом выполнение цикла со следующий итерации.

Рассмотрим работу операторов break и continue на примере:

1
2
3
4
5
6

for (var i=0;i<10;i++)
{
	if (i==4) continue;
	document.write(i+"<br>");
	if (i==8) break;
}

В третьей строке примера стоит условие, из-за которого цифра 4 не будет выводиться на экран. В строке №5 осуществляется выход из цикла, но при этом цифра 8 будет выведена на экран, так как оператор вывода стоит до условия (в 4-й строке). Т.е. на экране будет: 0 1 2 3 5 6 7 8 - каждая цифра с новой строки.

Оператор Exit
В языке javasctipt предусмотрен оператор выхода из программного кода - оператор exit.
Чаще всего оператор используется для исключения ошибки ввода пользователя. Рассмотрим пример:

Для выполнения пригодятся функции преобразования типа:

1
2
3
4
5
6
7
8
9

var number=prompt("Введите число");
number=parseInt(number); // возвратит NaN - не число
x=isNaN(number); // возвратит true, т.к. не числовое
if (x){
	alert("Необходимо число!");
	exit; // выход из программы
}
alert("Введите второе число");// при вводе не числа оператор не выполнится
...

Интересная работа с циклом for возможна при использовании одновременно двух счетчиков в цикле. Рассмотрим пример:

1
2
3
4

for(i=0,j=2;i<10,j<5;i++, j++)
{
	document.write("<br>i=", i, "j=",j);
}

Перед выполнением следующего задания рассмотрим пример динамического построения html-страницы при помощи javascript.

<ol>
	<li></li>
	<li></li>
	<li></li>
</ol>

<ul>
	<li></li>
	<li></li>
	<li></li>
</ul>

Циклические операторы языка javaScript - While

Синтаксис оператора while:

while (условие) { //..блок операторов.. };

Пример: Выводить в диалоговое окно степени двойки до 1000

На примере также посмотрим как работают операторы break и continue в цикле while:

var a = 1;
while (a<1000){
	a*=2;
	if (a==64)
		continue;
	if (a==256)
		break;
	alert(a);
}

Здесь степени двойки будут выводить до 128 включительно, причем пропущено будет 64. Т.е. в диалоговых окнах мы увидим: 2 4 8 16 32 128

Циклические операторы языка javaScript - цикл с постусловием do..while

do { //..блок операторов.. } while (условие);

1
2
3
4
5
6
7
8
9
10

var a = 1;
do
 {
	a*=2;
	if (a==64)
		continue;
	alert(a);
	if (a==256)
		break;
}while(a<1000);

Циклические операторы языка javaScript - цикл For In

Цикл for in предназначен для прохода по массивам, коллекциям и объектам:

В примере переменная prop создана для "перебора" всех свойств объекта navigator.

Оператор обработки исключений в javaScript - try..catch

В некоторых случаях код на странице не работает непонятно по какой причине. Где искать ошибку? В таких случаях можно применить оператор try..catch, который пытается выполнить фрагмент кода, и, если в коде есть ошибка, то существует возможность выдать ошибку на экран.

Рассмотрим работу оператора на примере:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

alert("до");
try
{
     sdfsdf; // оператор с ошибкой
}
catch(e)
{
	alert("обработка ошибки: "+e.message);
}
finally
{
	alert("завершающие действия");
}
alert("после");

Try с англ. - "пытаться", таком образом, ставим оператор try перед фрагментом кода, который, возможно, содержит ошибку. Если ошибка действительно есть, то оператор catch (с англ. "ловить") сохраняет эту ошибку в объекте e. В дальнейшем ее можно вывести в диалоговое окно - e.message. Если ошибка все же есть, то интерпретатор после ее вывода в нашем примере перейдет на выполнение блока catch, а затем finally (с английского "завершение", "наконец"), который выполнится всегда, независимо от того была ли ошибка или нет. Даже если возникла ошибка в блоке catch.

Блок finally в конструкции необязателен.