В JavaScript есть следующие типы операторов. Данный подраздел описывает каждый тип и содержит информацию об их приоритетах друг над другом.

• Операторы присваивания
• Операторы сравнения
• Арифметические операторы
• Битовые (поразрядные) операторы
• Логические операторы
• Строковые операторы
• Условный (тернарный) оператор
• Оператор запятая
• Унарные операторы
• Операторы отношения
• Приоритет операторов

JavaScript поддерживает бинарные и унарные операторы, а также ещё один специальный тернарный оператор - условный оператор. Бинарная операция использует два операнда, один перед оператором и другой за ним:

operand1 operator operand2

Например:3+4 илиx*y.

В свою очередь унарная операция использует один операнд, перед или после оператора:

operator operand

или

operand operator

Например:x++ или++x.

В результате операции присваивания операнду слева отоператора присваивания (знак "=") устанавливается значение , которое берётся из правого операнда. Основным оператором присваивания является =, он присваивает значение правого операнда операнду, находящемуся слева. Таким образом, выражение x = y означает, что x присваивается значение y.

Существуют также составные операторы присваивания, которые используются для сокращённого представления операций, описанных в следующей таблице:

Деструктуризация

Для более сложного присваивания в JavaScript есть синтаксисдеструктуризации - это выражение, которое позволяет извлекать данные из массивов или объектов, используя синтаксис, который зеркалирует конструкторы массивов и литералы объектов.

var foo = ["one", "two", "three"];// без деструктуризацииvar one = foo[0];var two = foo[1];var three = foo[2];// с деструктуризациейvar [one, two, three] = foo;

Оператор сравнения сравнивает свои операнды и возвращает логическое значение, базируясь на истинности сравнения. Операнды могут быть числами, строками, логическими величинами или объектами. Строки сравниваются на основании стандартного лексикографического порядка, используя Unicode-значения. В большинстве случаев, если операнды имеют разный тип, то JavaScript пробует преобразовать их в тип, подходящий для сравнения. Такое поведение обычно происходит при сравнении числовых операндов. Единственным исключением из данного правила является сравнение с использованием операторов=== и!==, которые производят строгое сравнение на равенство или неравенство. Эти операторы не пытаются преобразовать операнды перед их сравнением. Следующая таблица описывает операторы сравнения в контексте следующего примера кода:

var var1 = 3,  var2 = 4;

Арифметические операторы используют в качестве своих операндов числа (также литералы или переменные) и в качестве результата возвращают одно числовое значение. Стандартными арифметическими операторами являются сложение (+), вычитание (-), умножение (*), и деление (/). При работе с числами с плавающей точкой эти операторы работают аналогично их работе в большинстве других языках программирования (обратите внимание, что деление на ноль возвращает бесконечностьInfinity). Например:

console.log(1 / 2); /* возвращает 0.5 */console.log(1 / 2 == 1.0 / 2.0); /* возвращает true */

Кроме того, JavaScript позволяет использовать следующие арифметические операторы, представленные в таблице:

Битовые операторы обрабатывают свои операнды как последовательности из 32 бит (нулей и единиц), а не как десятичные, шестнадцатеричные или восьмеричные числа. Например, десятичное число 9 имеет двоичное представление 1001. Битовые операторы выполняют операции над таким двоичным представлением, но результат возвращают как обычное числовое значение JavaScript.

Следующая таблица обобщает битовые операторы JavaScript.

Битовые логические операторы

Основной смысл работы битовых логических операторов состоит в следующем:

• Операнды преобразуются в 32-битные целые числа и представляются в виде последовательности бит (нулей и единиц). Числа, имеющие более 32 битов будут сокращены. Например, следующее число имеет больше 32 битов и сконвертируется в 32-х битное:

  До    : 11100110111110100000000000000110000000000001После :             10100000000000000110000000000001

• Каждый бит первого операнда связывается с соответствующим битом второго операнда: первый бит с первым битом, второй бит - со вторым, и так далее.

• К каждой паре бит применяется заданный оператор, и побитово формируется итоговый результат.

Например, двоичным представлением числа 9 является 1001, а двоичным представлением пятнадцати - 1111. Результаты применения к этим числам битовых логических операторов выглядят следующим образом:

Обратите внимание, что все 32 бита преобразуются с использованием битового оператора НЕ, и что величины с наиболее значимым (самым левым) битом равным 1 представляют собой отрицательные числа (в представлении дополнения до двух).

Битовые операторы сдвига

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

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

Операторы сдвига перечислены в следующей таблице.

Логические операторы обычно используются с булевыми (логическими) значениями; при этом возвращаемое ими значение также является булевым. Однако операторы && и || фактически возвращают значение одного из операндов, поэтому, если эти операторы используются с небулевыми величинами, то возвращаемая ими величина также может быть не булевой. Логические операторы описаны в следующей таблице.

Примерами выражений, которые могут быть преобразованы в false являются: null, 0, NaN, пустая строка ("") или undefined.

Следующий код демонстрирует примеры использования оператора && (логическое И).

var a1 = true && true; // t && t возвращает truevar a2 = true && false; // t && f возвращает falsevar a3 = false && true; // f && t возвращает falsevar a4 = false && 3 == 4; // f && f возвращает falsevar a5 = "Cat" && "Dog"; // t && t возвращает Dogvar a6 = false && "Cat"; // f && t возвращает falsevar a7 = "Cat" && false; // t && f возвращает false

Следующий код демонстрирует примеры использования оператора || (логическое ИЛИ).

var o1 = true || true; // t || t возвращает truevar o2 = false || true; // f || t возвращает truevar o3 = true || false; // t || f возвращает truevar o4 = false || 3 == 4; // f || f возвращает falsevar o5 = "Cat" || "Dog"; // t || t возвращает Catvar o6 = false || "Cat"; // f || t возвращает Catvar o7 = "Cat" || false; // t || f возвращает Cat

Следующий код демонстрирует примеры использования оператора ! (логическое НЕ).

var n1 = !true; // !t возвращает falsevar n2 = !false; // !f возвращает truevar n3 = !"Cat"; // !t возвращает false

Сокращённая оценка

Так как логические выражения вычисляются слева направо, они проверяются на возможность выполнения сокращённой оценки с использованием следующих правил:

• false && anything- сокращение с результатом false.
• true ||anything - сокращение с результатом true.

Правила логики гарантируют, что данные вычисления всегда корректны. Обратите внимание, что часть "anything" представленных выше выражений не вычисляется, таким образом удаётся избежать любых побочных эффектов вычисления данной части.

В дополнение к операторам сравнения, которые могут использоваться со строковыми значениями, оператор (+) позволяет объединить две строки, возвращая при этом третью строку, которая представляет собой объединение двух строк-операндов:

console.log("my " + "string"); // в консоли выведется строка  "my string".

Сокращённый оператор присваивания += также может быть использован для объединения (конкатенации) строк:

var mystring = "alpha";mystring += "bet"; // получается значение "alphabet" и присваивается mystring.

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

condition ? val1 : val2

Еслиcondition (условие) - истина, то оператор принимает значениеval1. В противном случае оператор принимает значениеval2. Вы можете использовать условный оператор во всех случаях, где может быть использован стандартный оператор.

var status = age >= 18 ? "adult" : "minor";

Данное выражение присваивает значение "adult" переменнойstatus, еслиage имеет значение 18 или более. В противном случае переменнойstatus присваивается значение "minor".

Оператор запятая (,) просто вычисляет оба операнда и возвращает значение последнего операнда. Данный оператор в основном используется внутри циклаfor, что позволяет при каждом прохождении цикла одновременно обновлять значения нескольких переменных.

Например, еслиa является двумерным массивом, каждая строка которого содержит 10 элементов, то следующий код с использованием оператора запятая позволяет выполнять одновременное приращение двух переменных. Данный код выводит на экран значения диагональных элементов массива:

for (var i = 0, j = 9; i <= 9; i++, j--)  document.writeln("a[" + i + "][" + j + "]= " + a[i][j]);

Унарная операция - операция только с одним операндом.

delete

Операторdelete выполняет удаление объекта, свойства объекта, или элемента массива с заданным индексом. Синтаксис оператора:

delete objectName;delete objectName.property;delete objectName[index];delete property; // допустимо только внутри with

гдеobjectName представляет собой имя объекта,property - свойство объекта, аindex - целое число, указывающее на положение (номер позиции) элемента в массиве.

Четвёртый вариант использования позволяет удалить свойство объекта, но допускается только внутриwith.

Вы можете использовать операторdelete для удаления переменных, объявленных неявно, но вы не можете с его помощью удалять переменные, объявленные с помощьюvar.

После применения оператораdelete свойство элемента меняется наundefined. Операторdelete возвращаетtrue если выполнение операции возможно; оператор возвращаетfalse, если выполнение операции невозможно.

x = 42;var y = 43;myobj = new Number();myobj.h = 4; // создаём свойство hdelete x; // возвращает true (можно удалить переменную объявленную неявно)delete y; // возвращает false (нельзя удалить переменную объявленную с помощью var)delete Math.PI; // возвращает false (нельзя удалить встроенные свойства)delete myobj.h; // возвращает true (можно удалить пользовательские свойства)delete myobj; // возвращает true (можно удалить объект объявленный неявно)

Удаление элементов массива

Удаление элемента массива не влияет на длину массива. Например, если вы удалитеa[3], элементa[4] останетсяa[4],a[3] станет undefined.

Когда элемент массива удаляется с помощью оператораdelete, то из массива удаляется значение данного элемента. В следующем примере элементtrees[3] удалён с помощью оператораdelete. Однако, элементtrees[3] остаётся адресуемым и возвращает значениеundefined.

var trees = new Array("redwood", "bay", "cedar", "oak", "maple");delete trees[3];if (3 in trees) {  // условие не выполняется}

Если вы хотите, чтобы элемент оставался в массиве, но имел значение undefined, то используйте ключевое словоundefined вместо оператораdelete. В следующем примере элементуtrees[3] присвоено значениеundefined, но элемент при этом остаётся в массиве:

var trees = new Array("redwood", "bay", "cedar", "oak", "maple");trees[3] = undefined;if (3 in trees) {  // данный блок кода выполняется}

Оператор typeof

Операторtypeof используется одним из следующих способов:

typeof operandtypeof (operand)

Операторtypeof возвращает строку обозначающую тип невычисленного операнда. Значениеoperand может быть строкой, переменной, дескриптором, или объектом, тип которого следует определить. Скобки вокруг операнда необязательны.

Предположим, вы определяете следующие переменные:

var myFun = new Function("5 + 2");var shape = "round";var size = 1;var today = new Date();

Операторtypeof возвращает следующие результаты для этих переменных:

typeof myFun; // возвращает "function"typeof shape; // возвращает "string"typeof size; // возвращает "number"typeof today; // возвращает "object"typeof dontExist; // возвращает "undefined"

Для дескрипторовtrue иnull операторtypeof возвращает следующие результаты:

typeof true; // возвращает "boolean"typeof null; // возвращает "object"

Для чисел и строк операторtypeof возвращает следующие результаты:

typeof 62; // возвращает "number"typeof "Hello world"; // возвращает "string"

Для свойств операторtypeof возвращает тип значения данного свойства:

typeof document.lastModified; // возвращает "string"typeof window.length; // возвращает "number"typeof Math.LN2; // возвращает "number"

Для методов и функций операторtypeof возвращает следующие результаты:

typeof blur; // возвращает "function"typeof eval; // возвращает "function"typeof parseInt; // возвращает "function"typeof shape.split; // возвращает "function"

Для встроенных объектов операторtypeof возвращает следующие результаты:

typeof Date; // возвращает "function"typeof Function; // возвращает "function"typeof Math; // возвращает "object"typeof Option; // возвращает "function"typeof String; // возвращает "function"

Оператор void

Операторvoid используется любым из следующих способов:

void (expression)void expression

Операторvoid определяет выражение, которое должно быть вычислено без возвращения результата.expression - это выражение JavaScript, требующее вычисления. Скобки вокруг выражения необязательны, но их использование является правилом хорошего тона.

Вы можете использовать операторvoid для указания на то, что операнд-выражение является гипертекстовой ссылкой. При этом выражение обрабатывается, но не загружается в текущий документ.

Следующий код служит примером создания гипертекстовой ссылки, которая бездействует при нажатии на неё пользователем. Когда пользователь нажимает на ссылку,void(0) вычисляется равнымundefined, что не приводит ни к каким действиям в JavaScript.

<a href="#">Нажмите здесь, чтобы ничего не произошло</a>

Приведённый ниже код создаёт гипертекстовую ссылку, которая подтверждает отправку формы при клике на ней пользователем:

<a href="#">  Нажмите здесь, чтобы подтвердить отправку формы</a>

Оператор отношения сравнивает свои операнды и возвращает результат сравнения в виде булева значения.

Оператор in

Операторin возвращает true, если указанный объект имеет указанное свойство. Синтаксис оператора:

propNameOrNumber in objectName

гдеpropNameOrNumber - строка или числовое выражение, представляющее имя свойства или индекс массива, аobjectName - имя объекта.

Некоторые примеры способов использования оператораin:

// Массивыvar trees = new Array("redwood", "bay", "cedar", "oak", "maple");0 in trees; // возвращает true3 in trees; // возвращает true6 in trees; // возвращает false"bay" in trees; // возвращает false (следует указать индекс элемента массива,// а не значение элемента)"length" in trees; // возвращает true (length является свойством объекта Array)// Встроенные объекты"PI" in Math; // возвращает truevar myString = new String("coral");"length" in myString; // возвращает true// Пользовательские объектыvar mycar = { make: "Honda", model: "Accord", year: 1998 };"make" in mycar; // возвращает true"model" in mycar; // возвращает true

Операторinstanceof

Операторinstanceof возвращает true, если заданный объект является объектом указанного типа. Его синтаксис:

objectName instanceof objectType

гдеobjectName - имя объекта, тип которого необходимо сравнить сobjectType, аobjectType - тип объекта, например,Date илиArray.

Используйте оператор instanceof, когда вам необходимо подтвердить тип объекта во время выполнения программы. Например, при перехвате исключений вы можете создать различные программные переходы для обработки исключений в зависимости от типа обрабатываемого исключения.

Например, следующий код использует операторinstanceof для проверки того, является ли объектtheDay объектом типаDate. Так какtheDay действительно является объектом типаDate, то программа выполняет код, содержащийся в утвержденииif.

var theDay = new Date(1995, 12, 17);if (theDay instanceof Date) {  // выполняемый код}

Приоритет операторов определяет порядок их выполнения при вычислении выражения. Вы можете влиять на приоритет операторов с помощью скобок.

Приведённая ниже таблица описывает приоритет операторов от наивысшего до низшего.

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

Выражением является любой корректный блок кода, который возвращает значение.

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

Выражениеx = 7 является примером выражения первого типа. Данное выражение используетоператор = для присваивания переменнойx значения 7. Само выражение также равняется 7.

Код3 + 4 является примером выражения второго типа. Данное выражение используетоператор "+" для сложения чисел 3 и 4 без присваивания переменной полученного результата 7.

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

• Арифметические: вычисляются в число, например: 3.14159 (Используютарифметические операторы).
• Строковые: вычисляются в текстовую строку, например: "Fred" или "234" (Используютстроковые операторы).
• Логические: вычисляются в true или false (Используютлогические операторы).
• Основные выражения: Базовые ключевые слова и основные выражения в JavaScript.
• Левосторонние выражения: Значениям слева назначаются значения справа.

Базовые ключевые слова и основные выражения в JavaScript.

Операторthis

Используйте ключевое словоthis для указания на текущий объект. В общем случаеthis указывает на вызываемый объект, которому принадлежит данный метод. Используйтеthis следующим образом:

this["propertyName"]this.propertyName

Предположим, функцияvalidate выполняет проверку свойстваvalue некоторого объекта; задан объект, а также верхняя и нижняя граница величины данного свойства:

function validate(obj, lowval, hival) {  if (obj.value < lowval || obj.value > hival) alert("Неверное значение!");}

Вы можете вызвать функциюvalidate для обработчика событияonChange для каждого элемента формы, используяthis для указания на элемент формы, как это показано в следующем примере:

<b>Введите число от 18 до 99:</b><input type="text" name="age" size="3" onChange="validate(this, 18, 99);" />

Оператор группировки

Оператор группировки"скобки" ( ) контролирует приоритет вычислений в выражениях. Например, вы можете переопределить порядок так, чтобы сложение выполнялось до умножения:

var a = 1;var b = 2;var c = 3;// обычный порядокa + b * c; // 7// по умолчанию выполняется такa + (b * c); // 7// теперь поменяем приоритет с помощью скобок,// чтобы сложение выполнялось до умножения(a + b) * c; // 9// что эквивалентно следующемуa * c + b * c; // 9

Упрощённый синтаксис создания массивов и генераторов

Упрощённый синтаксис - экспериментальная возможность JavaScript, которая возможно будет добавлена в будущие версии ECMAScript. Есть 2 версии синтаксиса:

Экспериментальная возможность[for (x of y) x]

Упрощённый синтаксис для массивов.

Экспериментальная возможность(for (x of y) y)

Упрощённый синтаксис для генераторов.

Упрощённые синтаксисы существуют во многих языках программирования и позволяют вам быстро собирать новый массив, основанный на существующем. Например:

[for (i of [ 1, 2, 3 ]) i*i ];// [ 1, 4, 9 ]var abc = [ "A", "B", "C" ];[for (letters of abc) letters.toLowerCase()];// [ "a", "b", "c" ]

Значениям слева назначаются значения справа.

new

Вы можете использоватьоператорnew для создания экземпляра объекта пользовательского типа или одного из встроенных объектов. Используйте операторnew следующим образом:

var objectName = new objectType([param1, param2, ..., paramN]);

super

Ключевое слово используется, чтобы вызывать функции родительского объекта. Это полезно и склассами для вызова конструктора родителя, например.

super([arguments]); // вызывает конструктор родителя. super.functionOnParent([arguments]);

Оператор расширения

Оператор расширения позволяет выражению расширяться в местах с множеством аргументов (для вызовов функций) или множестве элементов (для массивов).

Пример: Сегодня, если у вас есть массив и вы хотите создать новый с существующей частью первого, то литерального синтаксиса массива уже не достаточно, и вы должны писать императивный (без вариантов) код, используя комбинациюpush,splice,concat и т.д. Но с этим оператором код становится более коротким:

var parts = ["shoulder", "knees"];var lyrics = ["head", ...parts, "and", "toes"];

Похожим образом оператор работает с вызовами функций:

function f(x, y, z) {}var args = [0, 1, 2];f(...args);

• Назад
• Далее