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

Guide on saving multiple PDF files in the public directory using Laravel 8 controllers

Development is hindered due to Cors policy restricting access to the localhost webapp

jQuery-powered Ajax file upload progress bar

Incapable of retrieving data from MongoDB due to a failure in fetching results using streams in Highland.js

The data sent within an event does not trigger reactivity

What could be causing the JavaScript array to not successfully transfer to PHP?

steps for executing a Google script

A guide on organizing a 2D array with the bubble sort method

Using val() on a checkbox will give you an element, not a string literal

How to Implement Drupal.behaviors for Specific Pages?

Is there a way to streamline this generator without using recursion?

In Angular 2, how does the "this" keyword from the subscribe method reference the class?

Custom Mui table sizes - personalized theme

Sending the `<path>` wrapped in quotes to `<SvgIcon>` is resulting in the SVG not rendering

How can we efficiently load and display all images from a directory using Node.js and JavaScript?

Guidance on invoking the navigate function from a component displayed at the highest level of rendering

The reason behind the error message stating that the argument AwsService at index [1] is available in the TestModule context

Guide to building a hierarchical data object with JavaScript

Calculating a 30-minute interval between two given times using JavaScript/jQuery

Error message: Unable to locate local module in node.js subdirectory