Programming/JavaScript

[jQuery] $.unique() , $.inArray() ,$.makeArray()

막이 2014. 7. 4. 15:13
* $.unique() : 배열내 중복 노드 제거
* $.inArray() : 배열내 값 존재 여부
* $.makeArray() : 배열만들기

<p></p>
<p></p>
<p></p>
<p class=”duplicate”></p>
<p class=”duplicate”></p>
<p class=”duplicate”></p>
<p></p>

 

<script>
$(document).ready(function(){
var paragraphs = $("p");
console.log( paragraphs.length );

paragraphs = $.makeArray( paragraphs );

console.log(paragraphs);


var dupes = $.makeArray($( ".duplicate" ))

console.log(dupes );


paragraphs = paragraphs.concat( dupes );
console.log( paragraphs.length );

paragraphs = $.unique( paragraphs );
console.log( paragraphs.length );

var index = $.inArray("6", paragraphs);
console.log(index);


});
</script>

 

결과))

7
[p, p, p, p.duplicate, p.duplicate, p.duplicate, p]
[p.duplicate, p.duplicate, p.duplicate]
10
7
-1
 

개요 : 배열 내의 값을 찾아서 인덱스를 반환합니다.(요소가 없을 경우 -1을 반환).

  • jQuery.inArray( value, array [, fromIndex] )
  • value 찾을 value.
  • array 대상 배열
  • fromIndex 검색이 시작될 배열의 인덱스. 기본값은 0이고 배열 전체를 검색합니다.

$.inArray() 함수는 JavaScript의 기본 함수인 .indexOf() 함수와 유사합니다. 만일 배열 내에 첫번째 요소가 value 인자와 일치한다면 $.inArray() 함수는 0을 리턴합니다.