JavaScript Create an Object From Two Arrays (original) (raw)

Last Updated : 13 Jan, 2025

**Here are the different methods to create an object from two arrays in JavaScript

**1. Using for-each loop

The arr.forEach() method calls the provided function once for each element of the array.

JavaScript `

//Driver Code Starts const a1 = ['name', 'age', 'city']; const a2 = ['Ajay', 25, 'New Delhi'];

//Driver Code Ends

const res = {}; a1.forEach((key, index) => { res[key] = a2[index]; });

//Driver Code Starts

console.log(res); //Driver Code Ends

`

Output

{ name: 'Ajay', age: 25, city: 'New Delhi' }

**In this example

• Use forEach() to iterate through the keys array.
• The index parameter helps fetch the corresponding value from the values array.
• Populate the result object with the key-value pairs.

**2. Using reduce() method

The reduce() method provides a functional programming approach to build the object.

JavaScript `

//Driver Code Starts const a1 = ['name', 'age', 'city']; const a2 = ['Ajay', 25, 'New Delhi'];

//Driver Code Ends

const res = a1.reduce((obj, key, index) => { obj[key] = a2[index]; return obj; }, {});

//Driver Code Starts

console.log(res); //Driver Code Ends

`

Output

{ name: 'Ajay', age: 25, city: 'New Delhi' }

**In this example

• Initialize an empty object ({}) as the accumulator.
• For each key, assign its corresponding value from the values array.
• Return the final result object after completing the iteration.

**3. Using Object.assign method

The Object.assign() method is used to copy the values and properties from one or more source objects to a target object.

JavaScript `

//Driver Code Starts const a1 = ['name', 'age', 'city']; const a2 = ['Ajay', 25, 'New Delhi'];

//Driver Code Ends

const res = Object.assign({}, ...a1.map((key, index) => ({ [key]: a2[index] })));

//Driver Code Starts

console.log(res); //Driver Code Ends

`

Output

{ name: 'Ajay', age: 25, city: 'New Delhi' }

**In this example

• Use map() to transform the keys array into an array of individual objects where each object represents a single key-value pair.
• Spread (...) the array of key-value pair objects into the Object.assign() method to merge them into a single object.
• The first argument to Object.assign() is an empty object {} to avoid mutating any existing object.

4. **Using object.fromEntries() Method

The **Object.fromEntries() **method in JavaScript is a standard built-in object which is used to transform a list of key-value pairs into an object.

JavaScript `

const a1 = ['name', 'age', 'city']; const a2 = ['Ajay', 25, 'New Delhi'];

const res = Object.fromEntries(a1.map((key, index) => [key, a2[index]]));

console.log(res);

`

Output

{ '1': 'ram', '2': 'shyam', '3': 'sita', '4': 'gita' }

**In this example

• Use map() to combine the keys and values arrays into key-value pairs.
• Pass the resulting array of pairs to Object.fromEntries() to create the object.
• This method is concise and ideal for modern JavaScript.

Which Approach Should You Choose?

• **forEach(): Ideal for beginners or when you need a clear and simple method that works in all JavaScript environments.
• **reduce(): Perfect for functional programming enthusiasts who prefer a concise and expressive approach to building objects.
• **Object.fromEntries(): The most modern and concise method, especially suited for projects using ES2019 or later.
• **Object.assign(): A flexible option that works well if you're already familiar with handling objects.

Similar Reads

• JavaScript - Find Index of a Value in Array Here are some effective methods to find the array index with a value in JavaScript.Using indexOf() - Most Used indexOf() returns the first index of a specified value in an array, or -1 if the value is not found. JavaScriptconst a = [10, 20, 30, 40, 50]; // Find index of value 30 const index = a.inde 2 min read
• JavaScript - How to Get First N Elements from an Array? There are different ways to get the first N elements from array in JavaScript.Examples:Input:arr = [1, 2, 3, 4, 5, 6], n = 3 Output: [1, 2, 3] Input:arr = [6, 1, 4, 9, 3, 5, 7], n = 4Output: [6, 1, 4, 9]1. Using slice() MethodThe slice() method is used to extract a part of an array and returns a new 4 min read
• How to Copy Array by Value in JavaScript ? There are various methods to copy array by value in JavaScript.1. Using Spread OperatorThe JavaScript spread operator is a concise and easy metho to copy an array by value. The spread operator allows you to expand an array into individual elements, which can then be used to create a new array.Syntax 4 min read
• What is the most efficient way to concatenate N arrays in JavaScript ? In this article, we will see how to concatenate N arrays in JavaScript. The efficient way to concatenate N arrays can depend on the number of arrays and the size of arrays. To concatenate N arrays, we use the following methods:Table of ContentMethod 1: Using push() MethodMethod 2: Using concat() Met 3 min read
• How to Merge Two Arrays and Remove Duplicate Items in JavaScript? Given two arrays, the task is to merge both arrays and remove duplicate items from merged array in JavaScript. The basic method to merge two arrays without duplicate items is using spread operator and the set constructor.1. Using Spread Operator and Set() ConstructorThe Spread Operator is used to me 3 min read
• How to clone an array in JavaScript ? In JavaScript, cloning an array means creating a new array with the same elements as the original array without modifying the original array.Here are some common use cases for cloning an array:Table of ContentUsing the Array.slice() MethodUsing the spread OperatorUsing the Array.from() MethodUsing t 6 min read
• JavaScript - Check if JS Array Includes a Value? To check if an array includes a value we can use JavaScript Array.includes() method. This method returns a boolean value, if the element exists it returns true else it returns false.1. Using Array.includes() Method - Mostly Used The JS array.includes() method returns true if the array contains the s 4 min read
• JavaScript - Create an Object From Two Arrays Here are the different methods to create an object from two arrays in JavaScript1. Using for-each loopThe arr.forEach() method calls the provided function once for each element of the array. JavaScriptconst a1 = ['name', 'age', 'city']; const a2 = ['Ajay', 25, 'New Delhi']; const res = {}; a1.forEac 3 min read
• How to remove falsy values from an array in JavaScript ? Falsy/Falsey Values: In JavaScript, there are 7 falsy values, which are given below falsezero(0,-0)empty string("", ' ' , ` `)BigIntZero(0n,0x0n)nullundefinedNaNIn JavaScript, the array accepts all types of falsy values. Let's see some approaches on how we can remove falsy values from an array in Ja 6 min read
• JavaScript - Use Arrays to Swap Variables Here are the different methods to swap variables using arrays in JavaScript1. Using Array DestructuringArray destructuring is the most efficient and modern way to swap variables in JavaScript. This method eliminates the need for a temporary variable.JavaScriptlet x = 5; let y = 10; [x, y] = [y, x]; 3 min read