Skip to content

Bits of .NET

Daily micro-tips for C#, SQL, performance, and scalable backend engineering.

  • Asp.Net Core
  • C#
  • SQL
  • JavaScript
  • CSS
  • About
  • ErcanOPAK.com
  • No Access
  • Privacy Policy
JavaScript

JavaScript: Use Object.groupBy to Group Arrays Without Lodash

- 06.06.26 - ErcanOPAK

📊 _.groupBy() is Finally Native

Grouping arrays required Lodash or manual reduce. Object.groupBy() is native. No more dependencies.

📝 Basic GroupBy

const users = [
  { name: 'Alice', role: 'admin' },
  { name: 'Bob', role: 'user' },
  { name: 'Charlie', role: 'admin' }
];

const byRole = Object.groupBy(users, user => user.role);
// {
//   admin: [{ name: 'Alice' }, { name: 'Charlie' }],
//   user: [{ name: 'Bob' }]
// }

const byFirstLetter = Object.groupBy(['apple', 'banana', 'apricot'], word => word[0]);
// { a: ['apple', 'apricot'], b: ['banana'] }

🎯 Real-World Examples

// Group orders by date
const orders = [
  { id: 1, date: '2024-01-15', total: 100 },
  { id: 2, date: '2024-01-15', total: 200 },
  { id: 3, date: '2024-01-16', total: 150 }
];

const byDate = Object.groupBy(orders, order => order.date);
// Use byDate['2024-01-15'] to get orders from that day

// Group by age bracket
const people = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 32 },
  { name: 'Charlie', age: 28 }
];

const byAgeGroup = Object.groupBy(people, p => {
  if (p.age < 30) return '20s';
  if (p.age < 40) return '30s';
  return '40+';
});

💡 Map.groupBy for Maps

  • Object.groupBy: Returns plain object (string keys)
  • Map.groupBy: Returns Map (any key type, preserves order)
  • Use Map.groupBy when keys are numbers, booleans, or objects

"Wrote reduce grouping so many times. Object.groupBy is clear, fast, native. Removed Lodash from project. Saved 30KB bundle."

— Frontend Developer

Related posts:

JavaScript Memory Grows Without Errors

Optional Chaining (?.)

JavaScript: Use Map and Set for Efficient Data Structures

Post Views: 5

Post navigation

HTML: Use Permissions Policy to Control Browser Features
Ajax: Use keep-alive to Reuse HTTP Connections

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

October 2026
M T W T F S S
 1234
567891011
12131415161718
19202122232425
262728293031  
« Sep    

Most Viewed Posts

  • Get the User Name and Domain Name from an Email Address in SQL (973)
  • How to make theater mode the default for Youtube (953)
  • How to add default value for Entity Framework migrations for DateTime and Bool (940)
  • Get the First and Last Word from a String or Sentence in SQL (847)
  • How to select distinct rows in a datatable in C# (837)
  • How to enable, disable and check if Service Broker is enabled on a database in SQL Server (624)
  • Add Constraint to SQL Table to ensure email contains @ (590)
  • Average of all values in a column that are not zero in SQL (554)
  • How to use Map Mode for Vertical Scroll Mode in Visual Studio (526)
  • Find numbers with more than two decimal places in SQL (468)

Recent Posts

  • CSS: Fix a prefers-color-scheme Media Query That Gets Silently Overridden by a Browser Extension’s Forced Dark Mode
  • Git: Fix a Merge Commit That Silently Drops a File Because Both Branches Deleted It Differently
  • HTML5: Fix a Native Lazy-Loading Image That Never Loads Because It Sits Inside a Hidden Tab Until the User Clicks It
  • The AI Prompt That Traces a Null Reference Exception Back to the Exact Line That First Produced the Null
  • The AI Prompt That Turns a Gym Membership Contract’s Fine Print Into a Plain-English List of Cancellation Steps
  • Photoshop: Fix a Color Profile Mismatch That Makes Printed Output Look Nothing Like What You Saw On Screen
  • WordPress: Fix Search Results That Return Pages From a Theme You Deactivated Months Ago
  • Visual Studio: Fix a Test Project That Builds Fine Alone but Fails to Discover Any Tests After a NuGet Restore
  • ASP.NET Core: Fix a File Upload That Times Out on Slow Connections Only Because Kestrel’s Minimum Data Rate Feature Kicked In
  • JavaScript: Fix an Array Destructuring Default Value That Silently Never Applies Because null Was Passed Instead of Undefined

Most Viewed Posts

  • Get the User Name and Domain Name from an Email Address in SQL (973)
  • How to make theater mode the default for Youtube (953)
  • How to add default value for Entity Framework migrations for DateTime and Bool (940)
  • Get the First and Last Word from a String or Sentence in SQL (847)
  • How to select distinct rows in a datatable in C# (837)

Recent Posts

  • CSS: Fix a prefers-color-scheme Media Query That Gets Silently Overridden by a Browser Extension’s Forced Dark Mode
  • Git: Fix a Merge Commit That Silently Drops a File Because Both Branches Deleted It Differently
  • HTML5: Fix a Native Lazy-Loading Image That Never Loads Because It Sits Inside a Hidden Tab Until the User Clicks It
  • The AI Prompt That Traces a Null Reference Exception Back to the Exact Line That First Produced the Null
  • The AI Prompt That Turns a Gym Membership Contract’s Fine Print Into a Plain-English List of Cancellation Steps

Social

  • ErcanOPAK.com
  • GoodReads
  • LetterBoxD
  • Linkedin
  • The Blog
  • Twitter
© 2026 Bits of .NET | Built with Xblog Plus free WordPress theme by wpthemespace.com