본문 바로가기
프로그래밍/jQuery

jQuery.makeArray(), 자바스크립트 배열로 변환

by zoo10 2012. 7. 2.

jQuery.makeArray()

원문 링크 http://api.jquery.com/jQuery.makeArray/

jQuery.makeArray( obj )Returns : Array

개요 : 진정한 자바 스크립트 배열로 변환합니다.

  • jQuery.makeArray( obj )
  • obj 배열로 변환할 오브젝트

jQuery와 JavaScript 의 많은 일반적인 함수들은 배열과 비슷한 오브젝트들을 반환합니다. 예를 들어, jQuery 함수를 의미하는 $()은 배열로 이루어진 속성들을 지닌 jQuery 객체를 반환합니다. 그러나 이것을 정확하게 배열과 같다고 할 수는 없습니다.

예 제  
HTMLElements 집합을 배열로 만든 후 순서를 바꿉니다.

<!DOCTYPE html>
<html>
<head>
  <style>
  div { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div>First</div>
  <div>Second</div>  
  <div>Third</div>

  <div>Fourth</div>
<script>
    var elems = document.getElementsByTagName("div"); // returns a nodeList
    var arr = jQuery.makeArray(elems);
    arr.reverse(); // use an Array method on list of dom elements
    $(arr).appendTo(document.body);
</script>

</body>
</html>

미리보기

 

예 제   jQuery 객체를 배열로 바꿉니다.

 var obj = $('li');
    var arr = $.makeArray(obj);

//Result : (typeof obj === 'object' && obj.jquery) === true;
			jQuery.isArray(arr) === true;

 

jQuery로 선택하고 배열로 만든다. 아 이거 쓸일 꽤 있었는데 이제야 알았네요. 키힝~~

그럼 즐프하세요.

※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.