Use Object.keys() or Object.values() or Object.entries() to convert the object to array in JavaScript. Consider the below examples to understand the this methods.
const zoo = {
lion: '🦁',
panda: '🐼',
};
Object.keys(zoo);
// ['lion', 'panda']
Object.values(zoo);
// ['🦁', '🐼']
Object.entries(zoo);
// [ ['lion', '🦁'], ['panda', '🐼'] ]
Note: the Object.keys() method has been available since ECMAScript 2015 or ES6, and the Object.values() and Object.entries() have been available since ECMAScript 2017.
Convert the object to array JavaScript
Simple example code use the Object.keys().
It will take properties not values of it.
<!DOCTYPE html>
<html>
<body>
<script>
const emp = {
firstName: 'John',
lastName: 'Doe'
};
const arr = Object.keys(emp);
console.log(arr);
</script>
</body>
</html>
Output:
To convert property values of the emp object to an array, use the Object.values() method:
<script>
const emp = {
firstName: 'John',
lastName: 'Doe'
};
const arr = Object.values(emp);
console.log(arr);
</script>Output: [ “John”, “Doe” ]
If you want to convert the enumerable string-keyed properties of an object to an array, then use the Object.entries() method. For example:
<script>
const emp = {
firstName: 'John',
lastName: 'Doe'
};
const arr = Object.entries(emp);
console.log(arr);
</script>Output:
0: Array [ "firstName", "John" ]
1: Array [ "lastName", "Doe" ]How to convert an Object {} to an Array [] of key-value pairs in JavaScript
Answer: You can use Object.keys() and map() to do this
var obj = {"1":5,"2":7,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0}
var result = Object.keys(obj).map((key) => [Number(key), obj[key]]);
console.log(result);Output:
0: Array [ 1, 5 ]
1: Array [ 2, 7 ]
2: Array [ 3, 0 ]
3: Array [ 4, 0 ]
4: Array [ 5, 0 ]
5: Array [ 6, 0 ]
6: Array [ 7, 0 ]
7: Array [ 8, 0 ]
8: Array [ 9, 0 ]
9: Array [ 10, 0 ]
10: Array [ 11, 0 ]
11: Array [ 12, 0 ]Do comment if you have any doubts or suggestions on this JS object topic.
Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version
Degree in Computer Science and Engineer: App Developer and has multiple Programming languages experience. Enthusiasm for technology & like learning technical.