jQuery.makeArray()

jQuery.makeArray()

jQuery.makeArray( obj )Returns: Array

Description: Convert an array-like object into a true JavaScript array.

Many methods, both in jQuery and in JavaScript in general, return objects that are array-like. For example, the jQuery factory function $() returns a jQuery object that has many of the properties of an array (a length, the [] array access operator, etc.), but is not exactly the same as an array and lacks some of an array's built-in methods (such as .pop() and .reverse()).

Note that after the conversion, any special features the object had (such as the jQuery methods in our example) will no longer be present. The object is now a plain array.

Examples:

Turn a collection of HTMLElements into an Array of them.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.makeArray demo</title>
  <style>
  div {
    color: red;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js" rel="external nofollow" ></script>
</head>
<body>
 
<div>First</div>
<div>Second</div>
<div>Third</div>
<div>Fourth</div>
 
<script>
// Returns a NodeList
var elems = document.getElementsByTagName( "div" );
// Convert the NodeList to an Array
var arr = jQuery.makeArray( elems );
// Use an Array method on list of dom elements
arr.reverse();
$( arr ).appendTo( document.body );
</script>
 
</body>
</html>

Demo:

Turn a jQuery object into an array

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

Result:

( typeof obj === "object" && obj.jquery ) === true;
jQuery.isArray( arr ) === true;

© The jQuery Foundation and other contributors
Licensed under the MIT License.
https://api.jquery.com/jQuery.makeArray

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部