WEB TUTORIALS
PRACTICE EXAMPLES
HTML REFERENCES
CSS REFERENCES
PHP REFERENCES

How to Convert a JS Object to an Array Using jQuery

Topic: JavaScript / jQueryPrev|Next

Answer: Use the jQuery $.map() Method

You can simply use the $.map() method to convert a JavaScript object to an array of items.

The $.map() method applies a function to each item in an array or object and maps the results into a new array. Let's take a look at an example to understand how it basically works:

<script>
    var myObj = {
        name: "Peter",
        age: 28,
        gender: "Male",
        email: "[email protected]"
    };
    
    // Converting JS object to an array
    var array = $.map(myObj, function(value, index){
        return [value];
    });
    
    console.log(array);
    // Prints: ["Peter", 28, "Male", "[email protected]"]
</script>

Let's check out one more example where an object is converted into an array of array:

<script>
    var myObj = {
        1: ["Peter", "24"],
        2: ["Harry", "16"],
        3: ["Alice", "20"]
    };
    
    // Transform JS object to an array
    var array = $.map(myObj, function(value, index){
        return [value];
    });
    
    console.log(array);
    // Output: [["Peter", "24"], ["Harry", "16"], ["Alice", "20"]]
</script>

See the tutorial on JavaScript objects to learn more about creating and using the objects.


Related FAQ

Here are some more FAQ related to this topic:

Bootstrap UI Design Templates Property Marvels - A Leading Real Estate Portal for Premium Properties