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. Check out the following example to see how this 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>

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:

Your Feedback:

We would love to hear from you, please drop us a line.