В Javascript, почему [1,2] == [1,2] разрешено false?

Question

Я сохраняю (x, y) координаты как 2-элементные массивы.

var coordinateA = [0,3]; 
var coordinateB = [1,2]; 

Я также имеют более длинный массив, содержащий многие из этих координат:

var coordinates = [coordinateA, coordinateB] 

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

jQuery.inArray(coordinateA, coordinates); // returns -1 
coordinateA == coordinates[0];   // returns false 
[0,3] == [0,3];       // returns false(!) 
coordinateA == coordinateA;    // returns true, thankfully 

Может кто-нибудь мне помочь понять, почему это так? Кроме того, есть ли лучший способ представить 2D-координаты в Javascript? Спасибо за любые подсказки или предложения.

Answer 1

Это потому, что у вас есть два отдельных массива ссылки.

Оператор равенства проверяет, что ссылки равны, а не содержимое массивов.

Answer 2

Одна из загадочных вещей, связанных с JavaScript, заключается в том, как разрешается равенство. Я сделаю все возможное, чтобы объяснить это.

Правила равенства могут быть довольно трудно понять. Вообще говоря, вы можете сравнить относительное равенство (==) или строгое равенство (===).

относительное равенство:

Это сопоставимо только значение и не заботится о типе.

Пример

var x = '2'; 
var y = 2; 
x == y; 
=> false; 

В относительном равенстве, строка "2" равно числу 2. Это будет возвращать верно, так как типы не сравнивается

строгого равенства

Это сопоставимы оба значения и тип.

Пример

var x = '2'; 
var y = 2; 
x === y; 
=> false 

В этом случае строка "2" не равен номер 2. Поскольку строки и номер два различных типа.

Сравнение с массивами и объектами выполняется по-другому.

В вашем случае массивы считаются объектами.

typeof([1,2]) 
=> "object" 

В JavaScript все объекты разные. Их сравнивают с идентификаторами объектов. Чтобы определить, равны ли массивы, вы должны выполнить type conversion в строке.

String([1,2]) == String([1,2]) 
=> true 

Однако underscore библиотека имеет is_equal метод, который может определить, является ли два массива равны

_.isEqual(array1, array2); 

Подчеркивание делает это путем выполнения deep comparison между двумя объектами, чтобы определить, должны ли они быть считаются равными.

Важно отметить, что порядок здесь имеет значение, как и в сравнении строк.

_isEqual([1,2], [1,2]) 
=> true 

_isEqual([1,2], [2,1]) 
=> false