Sort an Array of Numbers Correctly Using jQuery | sort-ascending-descending

Sort-ascending-descending jQuery num-sort plugin provides a custom sort function that allows you to correctly sort a group of numbers in descending or ascending order.

Must Read: Ascending and Descending Sort In Angular | ngx-order-pipe

How to make use of it:

1. Insert the jquery-num-sort.js library after loading the newest jQuery.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/js/include/jquery-num-sort.js"></script>

2. Sort an array of numbers in descending order.

let arrayNum = [-99, 1.10, 20.50, 3.60, 5.10, 0, 100];
let outputDsc = $(arrayNum).sortDescending();
=> 100,20.5,5.1,3.6,1.1,0,-99

3. Sort an array of numbers in ascending order.

let arrayNum = [-99, 1.10, 20.50, 3.60, 5.10, 0, 100];
let outputAsc = $(arrayNum).sortAscending();
=> -99,0,1.1,3.6,5.1,20.5,100

4. Since the built-in JavaScript/jQuery sort() the function treats everything as strings, you could have to bother coping with floating-point values in a JS array:

let arrayNum = [-99, 1.10, 20.50, 3.60, 5.10, 0, 100];
arrayNum.sort();
=> -99, 0, 1.1, 100, 20.5, 3.6, 5.1

See Also –

Easy Simple Table Rows Sorting Plugin with jQuery
Sort HTML Table Without jQuery Library | sorTable.js
A JavaScript Library That Creates HTML Tables | data-table.js


See Demo And Download

jquery-sort-ascending-descending

Official Website(debrajrakshit): Click Here

This superior jQuery/javascript plugin is developed by debrajrakshit. For extra Advanced Usage, please go to the official website.

Related Posts

Google-Translate-Dropdown-Customize-With-Country-Flag

Google Translate Dropdown Customize With Country Flag | GT API

Flag google translates jQuery text that takes advantage of the Google Cloud Translation API to translate web content between languages by selecting a country from the dropdown…

Bootstrap-Fileinput

HTML 5 File Input Optimized for Bootstrap 4.x./3.x with File Preview | Bootstrap Fileinput

bootstrap-fileinput is an improved HTML 5 file input  Bootstrap 5.x, 4.x and 3.x with file preview for different files, provides multiple selections, resumable section uploads, and more….

HStack-and-VStack-in-CSS

CSS Layout Components Horizontal/Vertical Stack | HStack and VStack

HStack and VStack in CSS – CSS layout components that (basically) stack anything horizontally and vertically. A pure CSS library that makes it easy to stack elements…

Floating-Whatsapp-Chat-Button

How to Add Floating Whatsapp Chat Button In HTML | venom-button

Venom Button is a very simple plugin for the jQuery floating WhatsApp button. Adds a floating button to your site that calls WhatsApp Click to Chat API. It will automatically start the WhatsApp…

Data-Table-Generator-Tabulator

Interactive Data Table Generator with JS/jQuery and JSON | Tabulator

Tabulator allows you to create interactive tables in seconds from any HTML Table, JavaScript array, AJAX data source, or JSON format data. Just include the library in your…

alert-confirm-prompt-attention-js

Simple Alert, Confirm, Prompt Popup Using Vanilla JavaScript Library | attention.js

JavaScript provides various built-in functionality to display popup messages for different purposes. Attention JS is a vanillaJS plugin used to create a custom alert, confirm, or Prompt…

Leave a Reply

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