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

What methods are available for implementing hover effects within attributes using a JavaScript object?

Arranging JSON data by a specific attribute using JavaScript

avoiding the duplication of effects on an object when new objects are added via ajax

Utilize jQuery for parsing JSON data

When using phonegap with iOS, HTTP requests consistently return a status of 0 when accessing local files

Encountering errors with passport-google-oauth20: InternalOAuthError arises when fetching user profile fails and attempting to set headers after they have already been sent to the client

Is it possible to use the Husky "commit-msg" hook to git add new files?

Firebase will automatically log users out after one hour of inactivity

An error is thrown when using AngularJS .length property

A recursive approach for constructing a tree structure in Angular

Boost Engagement with the jQuery PHP MySQL Like Feature

How to update a value within a deeply nested array in MongoDB and then sort the data

What methods are most effective for verifying user credentials in a web application using Node.js and AngularJS?

having trouble with changing the button's background color via toggle

Having trouble getting the expected transition effects to work with Vue.js

Is there a way to seamlessly transition between images in a slider every 3 seconds using javascript?

Tips for obtaining user input to place markers on a video timeline with JavaScript

Ways to ensure the text on my website scrolls into view as the user navig

What is the best way to implement variable scope when using a callback function in AngularJS

A see-through object appears only properly when viewed from one specific angle