How to create an array of objects from multiple arrays in JavaScript ?

In this article, we will try to understand how we may create an array of objects from multiple arrays in JavaScript. There are some common methods:

• console.log() method
• Array.map() method
• for..loop method

Let us first try to analyze how we may create an array of objects using the below-enlightened syntax.

Syntax: We use the following syntax in order to create as well as analyze an array of multiple objects:

let array_of_objects = [
    {
        property_name : property_value,
        ...
    },
    {
        property_name : property_value,
        ...
    },
    ...
]

Let us have a quick look over the below-shown example below that will help us to clarify the above syntax.

Example 1: In this example, we will simply create an array of objects, and then we are going to output it using the console.log() method.

Output:

[
    {
        book_id: 1,
        book_name: 'Live Life Happily..!!',
        book_author: 'Aman',
        book_copies: 10
    },
    {
        book_id: 2,
        book_name: 'Be Energetic Always..!!',
        book_author: 'Ram',
        book_copies: 20
    },
    {
        book_id: 3,
        book_name: 'Earn Respect..!!',
        book_author: 'Shyam',
        book_copies: 30
    }
]

 Let us see the only single approach by which we could easily solve our problem statement which is how to create an array of objects from multiple arrays, using the above-shown example.

Example 2: In this example, we will create multiple arrays (one after another), and just after that, we will use Array.map() method to traverse our array and then while returning an object, we will embed all the properties and their corresponding values inside it which is available in the rest of the arrays themselves.

Output:

[
    {
        id: 1,
        book_name: 'Live Life Happily..!!',
        book_author: 'Aman',
        book_copies: 10
    },
    {
        id: 2,
        book_name: 'Be Energetic Always..!!',
        book_author: 'Ram',
        book_copies: 20
    },
    {
        id: 3,
        book_name: 'Earn Respect..!!',
        book_author: 'Shyam',
        book_copies: 30
    }
]

Example 3: Using for-loop: By using for_loop we are creating an array object from multiple arrays.

Output:

{no: 1, Player_name: 'Virat kohli', country_name: 'India'}
{no: 2, Player_name: 'Ab de villiers', country_name: 'South africa'}
{no: 3, Player_name: 'Glenn Maxwell', country_name: 'Australia'}