JavaScript 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. This method returns a new object whose properties are given by the entries of the iterable.

Syntax:

Object.fromEntries( iterable )

Parameters: This method accepts a single parameter iterable which holds an iterable such as Array or Map or other objects implementing the iterable protocol. 

Return value: This method always returns a new object whose properties are given by the entries of the iterable. 

The below examples illustrate the Object.fromEntries() method in JavaScript: 

Example 1: In this example, we will convert a Map into an Object using the Object.fromEntries() method in JavaScript. 

const map1 = new Map([['big', 'small'], [1, 0]]);
const geek = Object.fromEntries(map1);
console.log(geek);

const map2 = new Map(
    [['Geek1', 'Intern'],
    ['stipend', 'Works basis']]
);
const geek1 = Object.fromEntries(map2);
console.log(geek1); 

Output:

Object { 1: 0, big: "small" }
Object { Geek1: "Intern", stipend: "Works basis" }

Example 2: In this example, we will convert an Array into an Object using the Object.fromEntries() method in JavaScript. 

const arr1 = [['big', 'small'], [1, 0], ['a', 'z']];
const geek = Object.fromEntries(arr1);
console.log(geek);

const arr2 = [['Geek1', 'Intern'], ['stipend', 'Works basis']];
const geek1 = Object.fromEntries(arr2);
console.log(geek1);

Output:

Object { 1: 0, big: "small", a: "z" }
Object { Geek1: "Intern", stipend: "Works basis" }

Example 3: In this example, we will see some other Conversions to objects using Object.fromEntries() method in JavaScript.

const params = 'type=Get_the Value&geekno=34&paid=10';
const searchParams = new URLSearchParams(params);

console.log(Object.fromEntries(searchParams));

const object1 = { val1: 112, val2: 345, val3: 76 };
const object2 = Object.fromEntries(
    Object.entries(object1)
        .map(([key, val]) => [key, val * 3])
);
console.log(object2);

Output:

Object { type: "Get_the Value", geekno: "34", paid: "10" }
Object { val1: 336, val2: 1035, val3: 228 }

We have a complete list of Javascript Object methods, to check those please go through this JavaScript Object Complete Reference article.

Supported Browsers: The browsers supported by Object.fromEntries() method are listed below:

• Google Chrome 73 and above
• Firefox 63 and above
• Opera 60 and above
• Safari 12.1 and above
• Edge 79 and above