Steps for performing position by position sorting within an array of arrays of numbers using the Lodash library

Question

Steps for performing position by position sorting within an array of arrays of numbers using the Lodash library

My task involves sorting an array of strings:

['1.2.3', '1.5.2', '1.23', '1.20.31']

I am looking for a way to sort the array by splitting each string separated by dots, such as 1.2.3 into ['1','2', '3'], and then comparing them position by position similar to Python tuple comparison.

The expected result should be:

['1.2.3', '1.5.2' '1.20.31', '1.23']

I am aware that this can be achieved using native JavaScript's .sort method with a custom comparison function. However, I am unable to modify the original array. Is there a way to accomplish this using Lodash's _.sortBy which requires a key function?

javascript lodash

Answer 1

Answer №1

Solution using Pure JavaScript:

var numbers = [100, 50, 25, 10];

function customSort(arr) {
    return arr.sort(function (a, b) {
        return a - b;
    });
}

document.write('<pre>sorted array ' + JSON.stringify(customSort(numbers), 0, 4) + '</pre>');
document.write('<pre>original array ' + JSON.stringify(numbers, 0, 4) + '</pre>');

Answer 2

Solution using Pure JavaScript:

var numbers = [100, 50, 25, 10];

function customSort(arr) {
    return arr.sort(function (a, b) {
        return a - b;
    });
}

document.write('<pre>sorted array ' + JSON.stringify(customSort(numbers), 0, 4) + '</pre>');
document.write('<pre>original array ' + JSON.stringify(numbers, 0, 4) + '</pre>');

Answer 3

Answer №2

If you need to perform advanced sorting operations, you can leverage the power of sortByAll(). Here's an example:

var elements = ['1.2.3', '1.5.2', '1.23', '1.20.31', '1.20.29'];

function extractNumber(segmentIndex, str) {
    return parseInt(_.get(str.split('.'), segmentIndex, 0));
}

_.sortByAll(
    elements,
    _.partial(extractNumber, 0),
    _.partial(extractNumber, 1),
    _.partial(extractNumber, 2)
);
// Result: ["1.2.3", "1.5.2", "1.20.29", "1.20.31", "1.23"]

The extractNumber() function retrieves the specific number segment from a string as an integer. Using partial(), we create the three iteratees required for sortByAll().

Answer 4

If you need to perform advanced sorting operations, you can leverage the power of sortByAll(). Here's an example:

var elements = ['1.2.3', '1.5.2', '1.23', '1.20.31', '1.20.29'];

function extractNumber(segmentIndex, str) {
    return parseInt(_.get(str.split('.'), segmentIndex, 0));
}

_.sortByAll(
    elements,
    _.partial(extractNumber, 0),
    _.partial(extractNumber, 1),
    _.partial(extractNumber, 2)
);
// Result: ["1.2.3", "1.5.2", "1.20.29", "1.20.31", "1.23"]

The extractNumber() function retrieves the specific number segment from a string as an integer. Using partial(), we create the three iteratees required for sortByAll().

Answer 5

Answer №3

Using ES5 and Lodash Library

var numbers = ['1.2.3', '1.5.2', '1.23', '1.20.31'];
var sortedNumbers = _.sortBy(numbers, function(x){ return
                   x.split('.')
                    .map(function(i){ return 
                       _.padLeft(i, 5, '0'); })
                    .join('');
                 }));

Adopting ES6 with Lodash

var numbers = ['1.2.3', '1.5.2', '1.23', '1.20.31'];
var sorteddData = _.sortBy(numbers, x =>
                    x.split('.')
                     .map(i => _.padLeft(i, 5, '0'))
                     .join('')
                    );

Answer 6

Using ES5 and Lodash Library

var numbers = ['1.2.3', '1.5.2', '1.23', '1.20.31'];
var sortedNumbers = _.sortBy(numbers, function(x){ return
                   x.split('.')
                    .map(function(i){ return 
                       _.padLeft(i, 5, '0'); })
                    .join('');
                 }));

Adopting ES6 with Lodash

var numbers = ['1.2.3', '1.5.2', '1.23', '1.20.31'];
var sorteddData = _.sortBy(numbers, x =>
                    x.split('.')
                     .map(i => _.padLeft(i, 5, '0'))
                     .join('')
                    );

Steps for performing position by position sorting within an array of arrays of numbers using the Lodash library

Answer №1

Answer №2

Answer №3

Similar questions

Guide to selecting and clicking multiple elements with a specific class using jQuery

Navigating URLs to Single Page Application Routing in Vue.js

I'm new to learning JavaScript and I'm wondering how I can receive a single alert using only the if operator

Setting initial values for an object in JavaScript

JavaScript: Generating multiple variables using a for loop?

Angular II slash avoiding Pipe

Enhance your website's accessibility by using JavaScript to allow the down and up arrow keys to function

The function is failing to return a false value

Error: The function $(...).draggable is not recognized" and "Error: The object $.browser is not defined

"Encountered an issue with ng-annotate during processing

The webpage must be designed to be compatible with screen resolutions starting from 800 x 600 pixels and higher, utilizing Angular

What is the process of generating a popup panel without relying on libraries, using JavaScript and CSS?

Having difficulty with sending an AJAX GET request to connect to mongodb

Dynamic AJAX Dependent Dropdown Menu

graphic map and paintbrush

Storing information in an array based on a specific flag

loading times of Bootstrap-select are slow when used in multiples

The request body is not showing up as a key-value pair, while the request headers and other parameters are visible

Guide to setting up an automated process in PHP

Nuxt's axios is encountering difficulties in managing the server's response