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: Why Array.sort() Turns Your Numbers Into Strings and Wrecks the Order

- 30.08.26 | 31.08.26 - ErcanOPAK

โšก sort() Isn’t Sorting Numbers the Way You Think

Calling .sort() on an array of numbers with no arguments doesn’t sort numerically — it converts every number to a string first and compares them alphabetically, and nothing throws an error to warn you it happened.

๐Ÿž The Problem

const values = [10, 1, 2, 21, 100];
values.sort();
console.log(values);
// [ 1, 10, 100, 2, 21 ]  <- NOT numerically sorted at all
// "10" alphabetically comes before "2" because '1' < '2',
// exactly like a word starting with "1" beats one starting with "2".

๐Ÿ” Why This Happens

Array.prototype.sort() with no comparator converts every element
to a string and sorts by UTF-16 code unit order - i.e. alphabetical
order. It was designed this way because sort() has to work for
ANY array (strings, mixed types, objects), so it needs a universal
default - numeric order was never it.

โœ… The Fix: Always Pass a Comparator for Numbers

  • (a, b) => a – b sorts ascending; (a, b) => b – a sorts descending.
  • There is no safe way to sort numbers correctly with the zero-argument form — always pass the comparator, every time, without exception.

๐Ÿ”ข Correct Version

const values = [10, 1, 2, 21, 100];
values.sort((a, b) => a - b);
console.log(values); // [ 1, 2, 10, 21, 100 ] - correct

โš ๏ธ This Bug Hides Especially Well When

  • All your test data happens to be single-digit or already-ordered numbers — the bug is invisible until a two-digit value sorts against a one-digit one.
  • You’re sorting an array of objects by a numeric property using .sort((a, b) => a.value – b.value) is correct; forgetting the subtraction and comparing raw values isn’t.

A one-argument fix for a bug that only shows up once your data has more than nine of something — which is exactly the kind of bug that passes code review and fails in production.

โ€” JavaScript Tip

Related posts:

Why forEach Can Be Slower Than for (And When It Matters)

Why Fetch Requests โ€œRandomlyโ€ Hang (But Server Is Fine)

JavaScript: Understand the Event Loop for Async Programming

Post Views: 3

Post navigation

Windows 11: Recover Files From a Drive That Suddenly Shows as RAW
WordPress: Recover From a Fatal Error After a Plugin Update Locks You Out

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 (952)
  • How to add default value for Entity Framework migrations for DateTime and Bool (939)
  • 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 (553)
  • 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 (952)
  • How to add default value for Entity Framework migrations for DateTime and Bool (939)
  • 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