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:
Example
Try this code »<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:
Example
Try this code »<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:
