Q:

How to Convert a JS Object to an Array Using jQuery

mhmadesk
Save to bookmark
|
2022-05-18
|
  273 
Very Easy
0

How to Convert a JS Object to an Array Using jQuery

JQUERY,
login and add your own answer to this question

All Answers

mhmadesk
2022-05-18
need an explanation for this answer? contact us directly to get an explanation for this 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: "peterparker@mail.com"
    };
    
    // Converting JS object to an array
    var array = $.map(myObj, function(value, index){
        return [value];
    });
    
    console.log(array);
    // Prints: ["Peter", 28, "Male", "peterparker@mail.com"]
</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>

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

JavaScript / jQuery Frequently Asked Questions
This question belongs to these collections

Similar questions

need a help?

find thousands of online teachers now
How to Change the Image Source Using jQuery... >>
<< How to Create a DIV Element in jQuery...