Javascript indexOf가 예상대로 작동하지 않습니다.

Question

배열에 값이 이미 있는지 테스트하려고합니다.

이 경우 "node1"의 값은 변경되지 않습니다. 두 배열은 동일합니다.

그러나 indexOf (node1) 테스트에도 불구하고 같은 노드가 배열에 두 번 추가됩니다. 그것은 === 항등 연산자를 사용하는 것처럼 http://jsfiddle.net/v9yxj5hm/2/

var tree_rows = []; 

var node1 = ['Workplace','Revenue Overall',0]; 
if (tree_rows.indexOf(node1) == -1){ tree_rows.push(node1); } 

node1 = ['Workplace','Revenue Overall',0]; 
if (tree_rows.indexOf(node1) == -1){ tree_rows.push(node1); } 

alert(tree_rows) 

Answer 1

.indexOf() 방법과 비교한다. 이러한 조건 하에서 두 개의 별개의 배열은 서로 동일하지 않습니다.

개체를 만들기 위해 array (또는 그와 관련하여 object) 리터럴 식을 사용하면 개별 개체가 구별됩니다. 하나의 리터럴 표현식이 다른 표현식과 정확하게 일치한다고해서 신원을 공유한다는 의미는 아닙니다.

Answer 2

노드 1이 이미 노드 1의 어휘 환경에서 새 항목을 만들 존재 선언

node1 = ['Workplace','Revenue Overall',0]; 

의 두 번째 사용. 결과적으로 indexOf에 대한 점검은 해당 항목에 대해 이전 값을 찾지 못합니다. 이것은 node1이 어레이에 두 번째 배치되는 것으로 끝납니다.

Answer 3

node1의 각 항목이 tree_rows인지 여부를 비교해야합니다. 너 이거 원하는거야?

var tree_rows = []; 

var node1 = ['Workplace','Revenue Overall',0]; 
for (i in node1) { if (tree_rows.indexOf(node1[i]) == -1){ tree_rows.push(node1[i]); }} 

node1 = ['Workplace','Revenue Overall',0]; 
for (i in node1) { if (tree_rows.indexOf(node1[i]) == -1){ tree_rows.push(node1[i]); }} 

alert(tree_rows)