JavaScript - convert object to array

In this article, we would like to show you how to convert object to array in JavaScript.

To convert an object to an array we can use one of the following methods:

1. Object.keys() - converts object keys into an array,
2. Object.values() - converts object values into an array,
3. Object.entries() - converts enumerable string-keyed properties [key, value] pairs of an object into an array.

Note:

The Object.keys() method has been introduced in ES6, and the Object.values() and Object.entries() in ES8.

In this example, we use Object.keys() method to convert keys of the object into array.

xxxxxxxxxx

const object = {

    1: 'a',

    2: 'b',

    3: 'c',

};

​

const array = Object.keys(object);

​

console.log(JSON.stringify(array)); // [ '1', '2', '3' ]

In this example, we use Object.values() method to convert values of the object into array.

xxxxxxxxxx

const object = {

    1: 'a',

    2: 'b',

    3: 'c',

};

​

const array = Object.values(object);

​

console.log(JSON.stringify(array)); // [ 'a', 'b', 'c' ]

In this example, we use Object.entries() method to convert enumerable string-keyed properties [key, value] pairs of the object into array.

xxxxxxxxxx

const object = {

    1: 'a',

    2: 'b',

    3: 'c',

};

​

const array = Object.entries(object);

​

console.log(JSON.stringify(array)); // [ [ '1', 'a' ], [ '2', 'b' ], [ '3', 'c' ] ]

1. JavaScript - convert object to array of key-value pairs

1. Object.keys() - JavaScript | MDN
2. Object.values() - JavaScript | MDN
3. Object.entries() - JavaScript | MDN