path: root/files/ru/web/javascript/equality_comparisons_and_sameness/index.html

---
title: Операторы сравнения
slug: Web/JavaScript/Equality_comparisons_and_sameness
tags:
  - Равенство
  - Сравнение
  - Средний
translation_of: Web/JavaScript/Equality_comparisons_and_sameness
---
<div>{{jsSidebar("Intermediate")}}</div>

<div class="summary">
<p>JavaScript предоставляет три оператора сравнения величин:</p>

<ul>
 <li>равенство ("двойное равно") использует <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Equality">==</a>,</li>
 <li>строгое равенство (или "тройное равно" или "идентично") использует <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Identity">===</a>,</li>
 <li>и <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is"><code>Object.is</code></a> (новшество из ECMAScript 6).</li>
</ul>

<p>Выбор оператора зависит от типа сравнения, которое необходимо произвести.</p>
</div>

<p class="syntaxbox">В общих чертах, двойное равно перед сравнением величин производит приведение типов; тройное равно сравнивает величины без приведения (если величины разных типов, вернёт <code>false</code>, даже не сравнивая); ну и <code>Object.is</code> ведёт себя так же, как и тройное равно, но со специальной обработкой для <code>NaN</code>, <code>-0</code> и <code>+0</code>, возвращая <code>false</code> при сравнении  <code>-0</code> и <code>+0</code>, и <code>true</code> для операции <code>Object.is(NaN, NaN)</code>. (В то время как двойное или тройное равенство вернут <code>false</code> согласно стандарту IEEE 754.) Следует отметить, что все эти различия в сравнениях применимы лишь для примитивов. Для любых не примитивных объектов <code>x</code> и <code>y</code>, которые имеют одинаковые структуры, но представляют собой два отдельных объекта (переменные <code>x</code> и <code>y</code> не ссылаются на один и тот же объект), все операторы сравнения вернут <code>false</code>.</p>

<h2 id="Сравнение_с_использованием">Сравнение с использованием <code>==</code></h2>

<p>Перед сравнением оператор равенства <em>приводит</em> обе величины к общему типу.  После приведений (одного или обоих операндов), конечное сравнение выполняется также как и для <code>===</code>.  Операция сравнения <em>симметрична</em>: <code>A == B</code> возвращает то же значение, что и  <code>B == A</code> для любых значений <code>A</code> и <code>B</code>.</p>

<p>В следующей таблице  приведены результаты сравнения оператора равенства для различных значений:</p>

<table class="standard-table" style="height: 438px; width: 825px;">
 <thead>
  <tr>
   <th scope="row"><code> </code></th>
   <th colspan="7" scope="col" style="text-align: center;"><code>Операнд B</code></th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <th scope="row"><code> </code></th>
   <th><code> </code></th>
   <th style="text-align: center;"><code>Undefined</code></th>
   <th style="text-align: center;"><code>Null</code></th>
   <th style="text-align: center;"><code>Number</code></th>
   <th style="text-align: center;"><code>String</code></th>
   <th style="text-align: center;"><code>Boolean</code></th>
   <th style="text-align: center;"><code>Object</code></th>
  </tr>
  <tr>
   <th colspan="1" rowspan="6" scope="row"><code>Операнд A</code></th>
   <th>
    <p><code>Undefined</code></p>
   </th>
   <td style="text-align: center;"><code><code>true</code></code></td>
   <td style="text-align: center;"><code><code>true</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <th><code>Null</code></th>
   <td style="text-align: center;"><code><code>true</code></code></td>
   <td style="text-align: center;"><code><code>true</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <th><code>Number</code></th>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>A === B</code></code></td>
   <td style="text-align: center;"><code><code>A === ToNumber(B)</code></code></td>
   <td style="text-align: center;"><code><code>A === ToNumber(B)</code></code></td>
   <td style="text-align: center;"><code><code>A == ToPrimitive(B)</code></code></td>
  </tr>
  <tr>
   <th><code>String</code></th>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>ToNumber(A) === B</code></code></td>
   <td style="text-align: center;"><code><code>A === B</code></code></td>
   <td style="text-align: center;"><code><code>ToNumber(A) === ToNumber(B)</code></code></td>
   <td style="text-align: center;"><code><code>A == ToPrimitive(B)</code></code></td>
  </tr>
  <tr>
   <th><code>Boolean</code></th>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>ToNumber(A) === B</code></code></td>
   <td style="text-align: center;"><code><code>ToNumber(A) === ToNumber(B)</code></code></td>
   <td style="text-align: center;"><code><code>A === B</code></code></td>
   <td style="text-align: center;"><code><code>ToNumber(A) == ToPrimitive(B)</code></code></td>
  </tr>
  <tr>
   <th><code>Object</code></th>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>false</code></code></td>
   <td style="text-align: center;"><code><code>ToPrimitive(A) == B</code></code></td>
   <td style="text-align: center;"><code><code>ToPrimitive(A) == B</code></code></td>
   <td style="text-align: center;"><code><code>ToPrimitive(A) == ToNumber(B)</code></code></td>
   <td style="text-align: center;"><code><code>A === B</code></code></td>
  </tr>
 </tbody>
</table>

<p>В таблице выше, ToNumber(A) пытается перед сравнением привести свой аргумент к числу. Такое поведение эквивалентно <code>+A</code> (унарный оператор <code>+</code>).  Если ToPrimitive(A) получает <em>объект</em> в качестве аргумента, то производятся попытки привести его к примитиву, вызывая на нем методы <code>A.toString</code> и <code>A.valueOf</code>.</p>

<p><span id="result_box" lang="ru"><span class="hps">Традиционно</span><span> (</span><span class="hps">и в соответствии с</span> <span class="hps">ECMAScript</span><span>)</span>, <span class="hps">ни один из объектов</span> <span class="hps">не равен</span> </span><code>undefined</code> или <code>null</code>.  Но большинство браузеров позволяет определённому классу объектов<span id="result_box" lang="ru"><span class="hps"> (в частности,</span> <span class="hps">объектам</span> <code><span class="hps">document.all</span></code> <span class="hps">для любой страницы</span><span>) <em>эмулировать</em> значение </span></span><code>undefined.</code>  Оператор равенства вернёт значение true для <code>null == A</code> и <code>undefined == A</code>, тогда, и только тогда, когда объект эмулирует значение <code>undefined</code>. Во всех остальных случаях объект не может быть равен <code>undefined</code> или <code>null</code>.</p>

<pre class="brush: js">var num = 0;
var obj = new String("0");
var str = "0";
var b = false;

console.log(num == num); // true
console.log(obj == obj); // true
console.log(str == str); // true

console.log(num == obj); // true
console.log(num == str); // true
console.log(obj == str); // true
console.log(null == undefined); // true

// оба false, кроме очень редких случаев
console.log(obj == null);
console.log(obj == undefined);
</pre>

<p>Некоторые разработчики считают, что лучше всегда употреблять оператор <em>строго</em> равенства, вместо сравнения с приведением типов. Результат строгого равенства легче предугадать, да и сравнивая значения, без их приведения, можно получить выигрыш в скорости<code>.</code></p>

<h2 id="Строгое_равенство_с_использованием">Строгое равенство с использованием <code>===</code></h2>

<p>Строгое равно проверяет на равенство две величины, при этом тип каждой из величин перед сравнением не изменяется (не приводится). Если значения имеют различающиеся типы, то они не могут быть равными. С другой стороны все не числовые переменные, принадлежащие одному типу, считаются равными между собой, если содержат одинаковые величины. Ну и, наконец, числовые переменные считаются равными, если они имеют одинаковые значения, либо одна из них <code>+0</code>, а вторая <code>-0</code>. В то же время, если хотя бы одна из числовых переменных содержит значение <code>NaN</code>, выражение вернёт <code>false</code>.</p>

<pre class="brush: js">var num = 0;
var obj = new String("0");
var str = "0";
var b = false;

console.log(num === num); // true
console.log(obj === obj); // true
console.log(str === str); // true

console.log(num === obj); // false
console.log(num === str); // false
console.log(obj === str); // false
console.log(null === undefined); // false
console.log(obj === null); // false
console.log(obj === undefined); // false
</pre>

<p>Практически всегда для сравнения следует использовать оператор строгого равенства. Для всех значений, за исключением числовых используется очевидная семантика: величина равна только сама себе. Как было сказано выше для числовых типов можно выделить два особых случая. Во-первых, сравнение <code>+0</code> и <code>-0</code>. Знак для нуля введён для упрощения некоторых вычислений с плавающей запятой, однако, с точки зрения математики, разницы между <code>+0</code> и <code>-0</code> не существует, поэтому оператор строгого равенства считает их равными. Во-вторых, сравнение величин <code>NaN</code>. <code>NaN</code> (Not a number) представляет из себя значение не определённой величины, которое применяется для не чётко определённых математических задач (например <code>+∞ + -∞</code>). Для оператора строго равенства <code>NaN</code> не равен ни одной из величин, в том числе и самому себе (единственный случай, когда <code>(x!==x)</code> вернёт true).</p>

<h2 id="Равенство_одинаковых_величин">Равенство одинаковых величин</h2>

<p>Равенство одинаковых величин определяет <em>функциональную идентичность</em> во всех контекстах сравниваемых величин. (Данный способ сравнения основывается на <a href="https://ru.wikipedia.org/wiki/Принцип_подстановки_Барбары_Лисков" title="http://en.wikipedia.org/wiki/Liskov_substitution_principle">принципе подстановки Барбары Лисков</a>.) Рассмотрим пример попытки изменения неизменяемого (immutable) свойства<code>:</code></p>

<pre class="brush: js">// Добавление неизменяемого свойства NEGATIVE_ZERO (отрицательный ноль) в конструктор Number.
Object.defineProperty(Number, "NEGATIVE_ZERO",
                      { value: -0, writable: false, configurable: false, enumerable: false });

function attemptMutation(v)
{
  Object.defineProperty(Number, "NEGATIVE_ZERO", { value: v });
}
</pre>

<p>При попытке изменения неизменяемого свойства, вызов <code>Object.defineProperty выбросит</code> исключение, однако, если новое свойство равняется старому, изменений не произойдёт и исключение не будет выброшено. Если <code>v</code> содержит <code>-0</code>, изменений не произойдёт, а значит, код отработает без выброса исключений. Однако, если же <code>v</code> содержит <code>+0</code>, <code>Number.NEGATIVE_ZERO</code> утратит свою неизменяемую величину. Именно для сравнения нового и текущего неизменяемых свойств используется сравнение одинаковых величин, представленное методом <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is">Object.is</a></code>.</p>

<h2 id="Спецификации_для_равенства_строгого_равенства_и_равенства_одинаковых_величин">Спецификации для равенства, строгого равенства и равенства одинаковых величин</h2>

<p>В стандарте ES5, сравнение выполняемое оператором <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators" title="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators">==</a> описывается в секции <a href="http://ecma-international.org/ecma-262/5.1/#sec-11.9.3" title="http://ecma-international.org/ecma-262/5.1/#sec-11.9.3">11.9.3, The Abstract Equality Algorithm</a>. Описание оператора <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators" title="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators">===</a> находится в секции <a href="http://ecma-international.org/ecma-262/5.1/#sec-11.9.6" title="http://ecma-international.org/ecma-262/5.1/#sec-11.9.6">11.9.6, The Strict Equality Algorithm</a>. В секции <a href="http://ecma-international.org/ecma-262/5.1/#sec-9.12" title="http://ecma-international.org/ecma-262/5.1/#sec-9.12">9.12, The SameValue Algorithm</a> ES5  описывает операцию сравнение одинаковых величин для внутреннего движка  JS. Строгое равенство и равенство одинаковых величин, практически одинаковы, за исключением обработки <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">числовых типов</a>. ES6 предлагает использовать алгоритм сравнения одинаковых величин через вызов <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is">Object.is</a></code>.</p>

<h2 id="Как_понимать_все_эти_способы_сравнения"><code>Как понимать все эти способы сравнения?</code></h2>

<p>До выхода редакции ES6 считалось, что оператор строгого равенства просто "улучшенная" версия оператора нестрогого равенства. Например, некоторые считали, что == просто улучшенная версия === потому, что первый оператор делает всё то же, что и второй, плюс приведение типов своих операндов. То есть 6 == "6". (Или же наоборот: оператор нестрогого равенства базовый, а оператор строгого равенства просто его улучшенная версия, ведь он добавляет ещё одно условие - требует, чтобы оба операнда были одного и того же типа. Какой вариант ближе вам, зависит только от вашей точки зрения на вещи.)</p>

<p>Но эти точки зрения уже нельзя применить к новому методу сравнения <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is">Object.is</a> из новой редакции ES6. Нельзя сказать, что <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is">Object.is</a> более или менее строг относительно существующих способов сравнения, или что это нечто среднее между ними. Ниже в таблице показаны основные различия операторов сравнения. <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is">Object.is</a> интересен тем, что различает -0 и +0, а также умеет сравнивать два не числа <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN">NaN</a>.</p>

<table class="standard-table">
 <caption><code>Сравнительная таблица операторов сравнения</code></caption>
 <thead>
  <tr>
   <th scope="col" style="text-align: center;"><code>x</code></th>
   <th scope="col" style="text-align: center;"><code>y</code></th>
   <th scope="col" style="width: 10em; text-align: center;"><code><code>==</code></code></th>
   <th scope="col" style="width: 10em; text-align: center;"><code><code>===</code></code></th>
   <th scope="col" style="width: 10em; text-align: center;"><code><code>Object.is</code></code></th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><code><code>undefined</code></code></td>
   <td><code><code>undefined</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
  </tr>
  <tr>
   <td><code><code>null</code></code></td>
   <td><code><code>null</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
  </tr>
  <tr>
   <td><code><code>true</code></code></td>
   <td><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
  </tr>
  <tr>
   <td><code><code>false</code></code></td>
   <td><code><code>false</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
  </tr>
  <tr>
   <td><code><code>"foo"</code></code></td>
   <td><code><code>"foo"</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
  </tr>
  <tr>
   <td><code><code>{ foo: "bar" }</code></code></td>
   <td><code><code>x</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
  </tr>
  <tr>
   <td><code><code>0</code></code></td>
   <td><code><code>0</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
  </tr>
  <tr>
   <td><code><code>+0</code></code></td>
   <td><code><code>-0</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>0</code></code></td>
   <td><code><code>false</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>""</code></code></td>
   <td><code><code>false</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>""</code></code></td>
   <td><code><code>0</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>"0"</code></code></td>
   <td><code><code>0</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>"17"</code></code></td>
   <td><code><code>17</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>[1,2]</code></code></td>
   <td><code><code>"1,2"</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>new String("foo")</code></code></td>
   <td><code><code>"foo"</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>null</code></code></td>
   <td><code><code>undefined</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>null</code></code></td>
   <td><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>undefined</code></code></td>
   <td><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>{ foo: "bar" }</code></code></td>
   <td><code><code>{ foo: "bar" }</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>new String("foo")</code></code></td>
   <td><code><code>new String("foo")</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>0</code></code></td>
   <td><code><code>null</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>0</code></code></td>
   <td><code><code>NaN</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>"foo"</code></code></td>
   <td><code><code>NaN</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
  </tr>
  <tr>
   <td><code><code>NaN</code></code></td>
   <td><code><code>NaN</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(255, 144, 144); text-align: center;"><code><code>false</code></code></td>
   <td style="background-color: rgb(144, 255, 144); text-align: center;"><code><code>true</code></code></td>
  </tr>
 </tbody>
</table>

<h2 id="Когда_же_использовать_Object.is"><code>Когда же использовать <code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is">Object.is</a> ?</code></code></h2>

<p>Особенность обработки <code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is">Object.is</a></code> нулей будет полезна в метапрограммировании, когда необходимо присвоить противоположное значение свойству через дескриптор <code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty">Object.defineProperty</a></code>. Если ваши задачи этого не требуют, то лучше воздержаться от использования <code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is">Object.is</a></code>, отдав предпочтение <code><a href="/ru/docs/Web/JavaScript/Reference/Operators/Comparison_Operators" title="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators">===</a></code>. Даже если в коде необходимо сравнивать два <code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/NaN" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN">NaN</a></code>, обычно проще всего использовать существующий метод <code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/isNaN" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN">isNaN</a></code>, чтобы последующие вычисления не влияли на сравнение нулей с разными знаками.</p>

<p>Вот примеры операторов и методов, которые могут сделать различия между  <code>-0</code> и <code>+0</code> более явными, что непременно отразиться в вашем коде:</p>

<dl>
 <dt><code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#-_.28Unary_Negation.29" title="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators"><code>- (унарный минус)</code></a></code></dt>
</dl>

<dl>
 <dd>
 <p>Очевидно, что применение унарного минуса к нулю даст <code>-0</code>. Но, иногда, это происходит совершенно незаметно. К примеру:</p>

 <pre class="brush: js">let stoppingForce = obj.mass * -obj.velocity</pre>

 <p>Если значением <code>obj.velocity</code> будет <code>0</code>, то результатом выражения будет <code>-0</code>, что в итоге отразится в переменной <code>stoppingForce</code>.</p>
 </dd>
</dl>

<dl>
 <dt><code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/atan2" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/atan2"><code>Math.atan2</code></a></code></dt>
 <dt><code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/ceil" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/ceil"><code>Math.ceil</code></a></code></dt>
 <dt><code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/pow" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/pow"><code>Math.pow</code></a></code></dt>
 <dt><code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/round" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round"><code>Math.round</code></a></code></dt>
</dl>

<dl>
 <dd>Есть вероятность, что данные методы могут возвратить <code>-0</code>, даже если его не передавали явно одним из параметров. Например, если методом <code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/pow" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/pow">Math.pow</a></code> возвести <code>-<a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Infinity" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity">Infinity</a></code> в любую отрицательную степень. Ознакомьтесь с подробным описанием данных методов.</dd>
</dl>

<dl>
 <dt><code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/floor" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor"><code>Math.floor</code></a></code></dt>
 <dt><code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/max" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max"><code>Math.max</code></a></code></dt>
 <dt><code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/min" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/min"><code>Math.min</code></a></code></dt>
 <dt><code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/sin" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sin"><code>Math.sin</code></a></code></dt>
 <dt><code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/sqrt" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sqrt"><code>Math.sqrt</code></a></code></dt>
 <dt><code><a href="/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/tan" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/tan"><code>Math.tan</code></a></code></dt>
</dl>

<dl>
 <dd>В некоторых случаях можно получить результат, равный <code>-0</code>, если вышеперечисленным методам одним из параметров передать <code>-0</code>. Например, <code>Math.min(-0, +0)</code> вернёт <code>-0</code>. Ознакомьтесь с подробным описанием данных методов.</dd>
</dl>

<dl>
 <dt><code><code><a href="/ru/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators" title="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">~</a></code></code></dt>
 <dt><code><code><a href="/ru/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators" title="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">&lt;&lt;</a></code></code></dt>
 <dt><code><code><a href="/ru/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators" title="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">&gt;&gt;</a></code></code></dt>
 <dd>Каждый из этих операторов использует внутренний алгоритм <code>ToInt32</code>. В нём нет места для отрицательного нуля, потому значение <code>-0</code> не переживёт подобной операции. То есть и <code>Object.is(~~(-0), -0)</code>, и <code>Object.is(-0 &lt;&lt; 2 &gt;&gt; 2, -0)</code> возвратят <code>false</code>.</dd>
</dl>

<p>Из вышеперечисленного ясно, что использование <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is"><code>Object.is</code></a> иногда может быть проблемным. Естественно, если вам необходимо чётко различать <code>-0</code> и <code>+0</code>, то этот метод именно то, что нужно.</p>

<h2 id="Смотрите_также"><code>Смотрите также</code></h2>

<ul>
 <li><code><a href="http://dorey.github.io/JavaScript-Equality-Table/">Таблица сравнений Javascript</a></code></li>
</ul>