JQuery | makeArray() Method

Last Updated : 29 Apr, 2020

This makeArray() method in jQuery is used to convert an array-like object into a true JavaScript array. Syntax:

jQuery.makeArray( obj )

Parameters: This method accept a single parameter which is mentioned above and described below:

obj : This parameter holds an object to turn into a native Array.

Return Value: It returns the array. Below examples illustrate the use of makeArray() method in jQuery: Example 1: This example use jQuery.makeArray() method and turn a collection of HTMLElements into an Array of them.

html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>JQuery | makeArray() method</title>
    <script src=
"https://code.jquery.com/jquery-3.4.1.js">
    </script>

</head>

<body style="text-align:center;">

    <h1 style="color: green"> 
        GeeksforGeeks 
    </h1>

    <h3>JQuery | makeArray () method</h3>
    <p>Geeks1</p>
    <p>Geeks2</p>
    <p>Geeks3</p>
    <button onclick="geek()">Click</button>
    <br>
    <br>
    <b id="root"></b>

    <script>
        function geek() {
            var elems = document.getElementsByTagName("p");
            var x = jQuery.makeArray(elems);
            var t = x[1];
            x[1] = x[2];
            x[2] = t;
            $(x).appendTo(document.body);
        }
    </script>
</body>

</html>

Output:

Example 2: This example use jQuery.makeArray() method and convert an array-like string into the actual array.

html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>JQuery | makeArray() method</title>
    <script src=
"https://code.jquery.com/jquery-3.4.1.js">
    </script>

</head>

<body style="text-align:center;">

    <h1 style="color: green"> 
        GeeksforGeeks 
    </h1>

    <h3>JQuery | makeArray() method</h3>
    <b>String = "[2, 5, 6, 3, 8, 9]"</b>
    <br>
    <br>
    <button onclick="geek()">Click</button>
    <br>
    <br>
    <b id="root"></b>

    <script>
        function geek() {
            var el = document.getElementById('root');
            var arr = "[2, 5, 6, 3, 8, 9]";

            var newArr = jQuery.makeArray(arr)
            el.innerHTML = jQuery.type(newArr) + " = " + newArr;
        }
    </script>
</body>

</html>

Output:

JQuery | isArray() method

SHUBHAMSINGH10

Improve

Article Tags :

JQuery | makeArray() Method

Similar Reads

Thank You!

What kind of Experience do you want to share?