Arranging an array of integers followed by sorting by the decimal part of each value in a particular sequence using JavaScript

Question

Arranging an array of integers followed by sorting by the decimal part of each value in a particular sequence using JavaScript

Below is an example of sorting an array:

let arr = ['100.12', '100.8', '100.11', '100.9'];

When sorted traditionally, the output is:

'100.11', '100.12', '100.8', '100.9'

However, I want it to be sorted like page numbers:

'100.8', '100.9', '100.11', '100.12',

EDIT: While there are some solutions available, they lack accuracy in certain cases such as this one:

arr1 = ['100.12', '77.8', '88', '77.11', '77.12', '77.9', '77', '119', '120', '100.8', '100.11', '100', '100.9']

The result would look like:

["77.8", "77.9", "77.11", "77.12", "77", "88", "100.8", "100.11", "100.12", "100", "100.9", "119", "120"]

What is expected should look like:

[ "77", "77.8", "77.9", "77.11", "77.12", "88", "100", "100.8", "100.11", "100.12", "100.9", "119", "120"]

javascript arrays typescript sorting

Answer 1

Answer №1

To arrange your array in numerical order, you can utilize the string#localeCompare method along with the numeric property.

let arr = ['100.12', '77.8', '88', '77.11', '77.12', '77.9', '77', '119', '120', '100.8', '100.11', '100', '100.9'];
arr.sort((a, b) => a.localeCompare(b, undefined, {numeric: true}))
console.log(arr)

Answer 2

To arrange your array in numerical order, you can utilize the string#localeCompare method along with the numeric property.

let arr = ['100.12', '77.8', '88', '77.11', '77.12', '77.9', '77', '119', '120', '100.8', '100.11', '100', '100.9'];
arr.sort((a, b) => a.localeCompare(b, undefined, {numeric: true}))
console.log(arr)

Answer 3

Answer №2

Sorting numbers based on integer and decimal parts.

const arr =  ['100.12', '77.8', '88', '77.11', '77.12', '77.9', '77', '119', '120', '100.8', '100.11', '100', '100.9'];
const sorted = arr.sort((a, b) => {
      if (parseInt(a) !== parseInt(b)) {
        return parseInt(a) - parseInt(b);
      }
      return (parseInt(a.split('.')[1], 10) || 0) - (parseInt(b.split('.')[1], 10) || 0);
    });
    
console.log(sorted);

Answer 4

Sorting numbers based on integer and decimal parts.

const arr =  ['100.12', '77.8', '88', '77.11', '77.12', '77.9', '77', '119', '120', '100.8', '100.11', '100', '100.9'];
const sorted = arr.sort((a, b) => {
      if (parseInt(a) !== parseInt(b)) {
        return parseInt(a) - parseInt(b);
      }
      return (parseInt(a.split('.')[1], 10) || 0) - (parseInt(b.split('.')[1], 10) || 0);
    });
    
console.log(sorted);

Answer 5

Answer №3

If you want to effectively compare and arrange numbers based on their digits and decimal segments, one approach is to implement a custom sorting function. This function will first evaluate the integer parts of the numbers. If those are not equal, it will then move on to comparing the decimal sections:

let values = ['100.12', '100.8', '100.11', '100.9'];

function myCustomSort(num1, num2) {
    const [int1, dec1] = num1.split('.').map(Number);
    const [int2, dec2] = num2.split('.').map(Number);

    // Compare the integer parts initially
    if (int1 !== int2) {
        return int1 - int2;
    }

    // If the integer parts match, compare the decimal parts
    return dec1 - dec2;
}

values.sort(myCustomSort);

console.log(values);

Answer 6

If you want to effectively compare and arrange numbers based on their digits and decimal segments, one approach is to implement a custom sorting function. This function will first evaluate the integer parts of the numbers. If those are not equal, it will then move on to comparing the decimal sections:

let values = ['100.12', '100.8', '100.11', '100.9'];

function myCustomSort(num1, num2) {
    const [int1, dec1] = num1.split('.').map(Number);
    const [int2, dec2] = num2.split('.').map(Number);

    // Compare the integer parts initially
    if (int1 !== int2) {
        return int1 - int2;
    }

    // If the integer parts match, compare the decimal parts
    return dec1 - dec2;
}

values.sort(myCustomSort);

console.log(values);

Arranging an array of integers followed by sorting by the decimal part of each value in a particular sequence using JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

Implementing an interface in TypeScript and assigning it a value using generics?

Get Onsen UI 2 up and running without the need for Angular

What steps are involved in creating a default toolbar for a material picker in a React application?

Updating image source dynamically with Flask

Retrieve an image from the server and display a preview of it on the client side

"Is there a way to adjust the range slider to display currency instead of

Rebuilding associative arrays using PHP

Personalize buttons using SweetAlerts 2 customization options

Find the difference between the sum of diagonals in a 2D matrix using JavaScript

Retrieving Mouse Coordinates using Ajax in PHP

Tips for positioning a grid at the center of a MaterialUI layout

Switch or toggle between colors using CSS and JavaScript

tips on retrieving attributes from a javascript array

Issue with index creation using the @index decorator in Typegoose with NestJS and MongoDB

The window.onload function is ineffective when implemented on a mail client

Discovering whether an ID exists within a variable containing HTML code

Retrieve the name of the path for the specified * stack within Express.js

JavaScript: Incorporating an operator into a specific object (instead of the entire class)

Extracting a particular element from a sophisticated auto-complete DOM structure by drilling down into the $scope

What is the best way to add methods to underscore without making them available globally?