Code360 powered by Coding Ninjas X Naukri.com. Code360 powered by Coding Ninjas X Naukri.com
Table of contents
1.
Introduction
2.
Why This Function is Used
3.
Syntax, Parameter and Return Value
3.1.
Syntax:
3.2.
Parameters:
3.3.
Return Value: 
4.
Examples 
4.1.
Converting Simple Pairs:
4.2.
Handling Pairs with Mixed Types:
4.3.
Converting Query String Parameters:
5.
Transforming CSV Data:
6.
Frequently Asked Questions 
6.1.
Can _.fromPairs() handle more complex structures within pairs?
6.2.
What if a key appears more than once in the pairs array?
6.3.
How does _.fromPairs() benefit data manipulation in JavaScript?
7.
Conclusion
Last Updated: Mar 27, 2024
Easy

Lodash _.fromPairs() Method

Author Rinki Deka
0 upvote
Roadmap to SDE career at Amazon
Speaker
Anubhav Sinha
SDE-2 @
25 Jun, 2024 @ 01:30 PM

Introduction

Transforming array data into more structured forms is a frequent requirement in JavaScript programming. The _.fromPairs() method in Lodash elegantly fulfills this need. It converts an array of key-value pairs into an object, making it an invaluable tool for data organization and manipulation. 

Lodash _.fromPairs() Method

In this exploration, we delve into the utility of _.fromPairs(), understanding its syntax, functionality, and real-world application through examples and FAQs.

Why This Function is Used

The _.fromPairs() function is predominantly used to construct objects from an array of key-value pairs. This is particularly useful when dealing with data that naturally forms a key-value relationship but is initially presented in an array format. For instance, converting query parameters, map data structures, or CSV data into objects for easier access and manipulation. This function streamlines the process of transitioning from array-based data representations to more structured, object-oriented formats.

Get the tech career you deserve, faster!
Connect with our expert counsellors to understand how to hack your way to success
User rating 4.7/5
1:1 doubt support
95% placement record
Akash Pal
Senior Software Engineer
326% Hike After Job Bootcamp
Himanshu Gusain
Programmer Analyst
32 LPA After Job Bootcamp
After Job
Bootcamp

Syntax, Parameter and Return Value

Syntax:

 _.fromPairs(pairs)

Parameters:

pairs (Array): The array of key-value pairs.

Return Value: 

(Object) - Returns the new object.

Examples 

Converting Simple Pairs:

var _ = require('lodash');
var pairs = [['a', 1], ['b', 2]];
var object = _.fromPairs(pairs);
console.log(object);

Output: 

{ 'a': 1, 'b': 2 }


This basic example demonstrates converting an array of pairs into an object.

Handling Pairs with Mixed Types:

var mixedPairs = [['id', 1], ['name', 'Alice'], ['active', true]];
var mixedObject = _.fromPairs(mixedPairs);
console.log(mixedObject); 

Output:

 { 'id': 1, 'name': 'Alice', 'active': true }


Here, _.fromPairs() is used to create an object from pairs with different data types.

Converting Query String Parameters:

var queryString = [['page', '1'], ['sort', 'name'], ['order', 'asc']];
var queryObject = _.fromPairs(queryString);
console.log(queryObject); 

Output: 

{ 'page': '1', 'sort': 'name', 'order': 'asc' }


An example showcasing the conversion of query parameters into an object.

Transforming CSV Data:

var csvData = [['name', 'John'], ['age', '30'], ['country', 'USA']];
var csvObject = _.fromPairs(csvData);
console.log(csvObject); 

 Output:

 { 'name': 'John', 'age': '30', 'country': 'USA' }


Demonstrates how to turn CSV-like data into a structured object.

Frequently Asked Questions 

Can _.fromPairs() handle more complex structures within pairs?

Yes, it can handle pairs with complex structures, including nested arrays and objects, effectively turning them into an object with corresponding keys and values.

What if a key appears more than once in the pairs array?

If a key is repeated in the pairs, _.fromPairs() will use the value from the last occurrence of that key.

How does _.fromPairs() benefit data manipulation in JavaScript?

_.fromPairs() simplifies data transformation, allowing for more intuitive and accessible object-based data manipulation compared to array-based handling.

Conclusion

The Lodash _.fromPairs() method serves as a bridge between array representations and object structures in JavaScript. Its ability to transform key-value pair arrays into objects is pivotal in data processing, enhancing the readability and manageability of data. This function is a testament to the flexibility and efficiency offered by Lodash in JavaScript data manipulation.

You can refer to our guided paths on the Coding Ninjas. You can check our course to learn more about DSADBMSCompetitive ProgrammingPythonJavaJavaScript, etc. 

Also, check out some of the Guided Paths on topics such as Data Structure and AlgorithmsCompetitive ProgrammingOperating SystemsComputer Networks, DBMSSystem Design, etc., as well as some Contests, Test Series, and Interview Experiences curated by top Industry Experts.
 

Previous article
Difference between indexOf and findIndex Function
Next article
Lodash _.flattenDepth() Method
Live masterclass