Given an array of objects and the task is to convert the object values to an array with the help of JavaScript. There are two approaches that are discussed below:
Approach 1: We can use the map() method and return the values of each object which makes the array.
-
Example:
<!DOCTYPE HTML><html><head><title>Convert a JS object toan array using JQuery</title><scriptsrc=</script></head><bodystyle="text-align:center;"><h1style="color:green;">GeeksForGeeks</h1><pid="GFG_UP"></p><buttononclick="myGFG()">Click Here</button><pid="GFG_DOWN"></p><script>var up = document.getElementById("GFG_UP");var JS_Obj = {1: ['gfg', 'Gfg', 'gFG'],2: ['geek', 'Geek', 'gEEK']};up.innerHTML = "Object - ["+ JSON.stringify(JS_Obj) + "]";var down = document.getElementById("GFG_DOWN");function myGFG() {var array = $.map(JS_Obj, function (val, ind) {return [val];});down.innerHTML = array;}</script></body></html> -
Output:
Approach 2: The Object.keys() method is used to get the keys of object and then those keys are used to get the values of the objects from the array.
-
Example:
<!DOCTYPE HTML><html><head><title>Convert a JS object toan array using JQuery</title><scriptsrc=</script></head><bodystyle="text-align:center;"><h1style="color:green;">GeeksForGeeks</h1><pid="GFG_UP"></p><buttononclick="myGFG()">Click Here</button><pid="GFG_DOWN"></p><script>var up = document.getElementById("GFG_UP");var JS_Obj = {1: ['gfg', 'Gfg', 'gFG'],2: ['geek', 'Geek', 'gEEK']};up.innerHTML = "Object - ["+ JSON.stringify(JS_Obj) + "]";var down = document.getElementById("GFG_DOWN");function myGFG() {var arr = Object.keys(JS_Obj).map(function (key){ return JS_Obj[key]; });down.innerHTML = arr;}</script></body></html> -
Output: