2. Using Object.keys() Method
The Object.keys() method retrieves all the keys of an object and returns them in an array. This method is helpful when working with property names.
Syntax
Object.keys(object)
Example
const student = {
name: "John",
age: 20,
course: "Computer Science"
};
const keysArray = Object.keys(student);
console.log(keysArray);
You can also try this code with Online Javascript Compiler
Output
["name", "age", "course"]
Explanation
- Object.keys(student) fetches the keys ("name", "age", and "course") from the object and stores them in an array.
- This method is used when you want to loop through or manipulate keys.
3. Using Object.entries() Method
The Object.entries() method returns an array of key-value pairs. Each key-value pair is stored as an array inside a larger array.
Syntax
Object.entries(object)
Example
const student = {
name: "John",
age: 20,
course: "Computer Science"
};
const entriesArray = Object.entries(student);
console.log(entriesArray);
You can also try this code with Online Javascript Compiler
Output
[["name", "John"], ["age", 20], ["course", "Computer Science"]]
Explanation
- Object.entries(student) creates an array of arrays, where each sub-array contains a key-value pair.
- This method is useful when you need both keys and values for further processing.
4. Using for...in Loop
The for...in loop allows iteration over the keys of an object, enabling you to manually construct an array.
Syntax
for (key in object) {
// code block
}
Example
const student = {
name: "John",
age: 20,
course: "Computer Science"
};
const resultArray = [];
for (const key in student) {
resultArray.push([key, student[key]]);
}
console.log(resultArray);
You can also try this code with Online Javascript Compiler
Output
[["name", "John"], ["age", 20], ["course", "Computer Science"]]
Explanation
- The for...in loop iterates over each key in the object.
- The resultArray is manually populated with key-value pairs.
- This method provides more control over the conversion process.
5. Using Object.getOwnPropertyNames() Method
The Object.getOwnPropertyNames() method returns an array of all property names (keys) of an object. It can be used to manually create an array of key-value pairs.
Syntax
Object.getOwnPropertyNames(object)
Example
const student = {
name: "John",
age: 20,
course: "Computer Science"
};
const propertyNames = Object.getOwnPropertyNames(student);
const resultArray = propertyNames.map(key => [key, student[key]]);
console.log(resultArray);
You can also try this code with Online Javascript Compiler
Output
[["name", "John"], ["age", 20], ["course", "Computer Science"]]
Explanation
- Object.getOwnPropertyNames(student) fetches all the keys.
- The map() function is then used to create an array of key-value pairs.
- This method is beneficial for working with both keys and values.
6. Using reduce()
The reduce() method is a powerful array function that can transform an object into any desired format, including an array.
Syntax
array.reduce(callback, initialValue)
Example
const student = {
name: "John",
age: 20,
course: "Computer Science"
};
const entriesArray = Object.keys(student).reduce((acc, key) => {
acc.push([key, student[key]]);
return acc;
}, []);
console.log(entriesArray);
You can also try this code with Online Javascript Compiler
Output
[["name", "John"], ["age", 20], ["course", "Computer Science"]]
Explanation
- Object.keys(student) fetches the keys.
- reduce() iterates through the keys and builds an array of key-value pairs.
- This method is useful when you need customized logic for conversion.
Frequently Asked Questions
Which method should I use to get only the values of an object?
Use the Object.values() method to extract all values from an object and store them in an array.
How do I convert an object into an array of key-value pairs?
You can use the Object.entries() method to create an array where each key-value pair is a sub-array.
Can I customize the conversion process?
Yes, using the reduce() method or a for...in loop allows you to customize how the object is converted into an array.
Conclusion
In this article, we learned about how to convert an object into array of objects in JavaScript using built-in methods like Object.entries(), Object.keys(), and Object.values(). These methods help in transforming object data into an array format, making it easier to process, iterate, and manipulate.
Each method has its unique use cases, and choosing the right one depends on your requirements.
27+ registered 
