ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

JavaScript Справка

Обзор

JavaScript

JS Array JS Boolean JS Date JS Error JS Global JS JSON JS Math JS Number JS Operators JS RegExp JS Statements JS String

HTML DOM

DOM Attribute DOM Console DOM Document DOM Element DOM Events DOM Event Objects DOM History DOM HTMLCollection DOM Location DOM Navigator DOM Screen DOM Style DOM Window

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration JS Conversion Storage



JavaScript справка на операторы


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


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

Арифметические операторы используются для выполнения арифметических операций между переменными и/или значениями.

Учитывая, что y = 5, в таблице ниже объясняются арифметические операторы:

Оператор Описание Примере Привести к y Привести к x Запуск
+ Дополнение x = y + 2 y = 5 x = 7
- Вычитание x = y - 2 y = 5 x = 3
* Умножения x = y * 2 y = 5 x = 10
/ Отдел x = y / 2 y = 5 x = 2.5
% Модуль (остаток деления) x = y % 2 y = 5 x = 1
++ Увеличение x = ++y y = 6 x = 6
x = y++ y = 6 x = 5
-- Уменьшения x = --y y = 4 x = 4
x = y-- y = 4 x = 5

Учебник по арифметическим операторам Читайте в Учебник по арифметике JavaScript.


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

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

Учитывая, что x = 10 и y = 5, в таблице ниже объясняются операторы присваивания:

Оператор Примере Same As Результат в x Запуск
= x = y x = y x = 5
+= x += y x = x + y x = 15
-= x -= y x = x - y x = 5
*= x *= y x = x * y x = 50
/= x /= y x = x / y x = 2
%= x %= y x = x % y x = 0

Учебник по операторам присваивания Читайте в Учебник по назначению JavaScript.



Операторы строки JavaScript

Оператор + и оператор + = можно также использовать для сцепления (Add) строк.

Учитывая, что Text1 = "хорошо", Text2 = "утро", и текст3 = "", в таблице ниже объясняет операторы:

Оператор Пример text1 text2 text3 Запуск
+ text3 = text1 + text2 "Good " "Morning"  "Good Morning"
+= text1 += text2 "Good Morning" "Morning" ""

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

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

Учитывая, что x = 5, таблица ниже объясняет операторы сравнения:

Оператор Описание Сравнение Возвращает Запуск
== equal to x == 8 false
x == 5 true
=== equal value and equal type x === "5" false
x === 5 true
!= not equal x != 8 true
!== not equal value or not equal type x !== "5" true
x !== 5 false
> greater than x> 8 false
< less than x <8 true
>= greater than or equal to x>= 8 false
<= less than or equal to x <= 8 true

Для руководства по сравнению операторов, прочитайте наши JavaScript сравнения учебник.


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

Условный оператор присваивает значение переменной, основанной на условии.

Синтаксис Пример Запуск
variablename = (condition) ? value1:value2 voteable = (age <18) ? "Too young":"Old enough";

Пример объяснил: Если переменная "Age" является значением ниже 18, значение переменной "голосующий" будет "слишком молодым", в противном случае значение голоса будет "достаточно стар".


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

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

Учитывая, что x = 6 и y = 3, в таблице ниже объясняются логические операторы:

Оператор Описание Пример Запуск
&& and (x <10 && y> 1) is true
|| or (x === 5 || y === 5) is false
! not !(x === y) is true

Побитовые операторы JavaScript

Битовые операторы работают с номерами 32 бит. Любой числовой операнд в операции преобразуется в число 32 бит. Результат преобразуется обратно в номер JavaScript.

Оператор Описание Пример Same as Результат Десятичных
& AND x = 5 & 1 0101 & 0001 0001  1
| OR x = 5 | 1 0101 | 0001 0101  5
~ NOT x = ~ 5  ~0101 1010  10
^ XOR x = 5 ^ 1 0101 ^ 0001 0100  4
<< Left shift x = 5 <<1 0101 <<1 1010  10
>> Right shift x = 5>> 1 0101>> 1 0010   2

В приведенных выше примерах используются 4 бита неподписанных примеров. Но JavaScript использует 32-битные номера со знаком.

Из-за этого, в JavaScript, ~ 5 не вернет 10. Он вернется-6.

~ 00000000000000000000000000000101 вернет 11111111111111111111111111111010


Оператор typeof

Оператор typeof Возвращает тип переменной, объекта, функции или выражения:

Пример

typeof "John"                 // Returns string
typeof 3.14                   // Returns number
typeof NaN                    // Returns number
typeof false                  // Returns boolean
typeof [1, 2, 3, 4]           // Returns object
typeof {name:'John', age:34}  // Returns object
typeof new Date()             // Returns object
typeof function () {}         // Returns function
typeof myCar                  // Returns undefined (if myCar is not declared)
typeof null                   // Returns object

Пожалуйста, обратите внимание:

  • Тип данных NaN — Number
  • Типом данных массива является Object
  • Типом данных даты является Object
  • Типом данных null является Object
  • Тип данных неопределенной переменной не определен

Нельзя использовать typeof , чтобы определить, является ли объект JavaScript массивом (или датой).


Оператор DELETE

Оператор Delete Удаляет свойство из объекта:

Пример

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // or delete person["age"];

Оператор DELETE удаляет как значение свойства, так и само свойство.

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

Оператор Delete предназначен для использования в свойствах объекта. Он не влияет на переменные или функции.

Примечание: Оператор DELETE не должен использоваться в предопределенных свойствах объекта JavaScript. Это может аварийно завершить работу приложения.


Оператор in

Оператор in возвращает значение true, если указанное свойство находится в указанном объекте, в противном случае — значение false:

Пример

// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // Returns false (specify the index number instead of value)
0 in cars               // Returns true
1 in cars               // Returns true
4 in cars               // Returns false (does not exist)
"length" in cars        // Returns true  (length is an Array property)

// Objects
var person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person   // Returns true
"age" in person         // Returns true

// Predefined objects
"PI" in Math            // Returns true
"NaN" in Number         // Returns true
"length" in String      // Returns true

Оператор instanceof

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

Пример

var cars = ["Saab", "Volvo", "BMW"];

cars instanceof Array;          // Returns true
cars instanceof Object;         // Returns true
cars instanceof String;         // Returns false
cars instanceof Number;         // Returns false

Оператор void

Оператор void вычисляет выражение и возвращает значение undefined . Этот оператор часто используется для получения неопределенного примитивного значения, используя «void (0)» (полезно при вычислении выражения без использования возвращаемого значения).

Пример

<a href="javascript:void(0);">
  Useless link
</a>

<a href="javascript:void(document.body.style.backgroundColor='red');">
  Click me to change the background color of body to red
</a>