How can we arrange a two-dimensional array in descending order of string length using the first string in the sub-array as the basis for

Question

How can we arrange a two-dimensional array in descending order of string length using the first string in the sub-array as the basis for

If I have an array with elements like these:

var array = [["This should be last", 1],
             ["This should be first I think", 1],
             ["This is the middle one", 1]];

The second value in each sub-array, which is always 1 in this case, doesn't affect the sorting. Using .sort() directly won't work for this situation. (Or maybe it will?)

My goal is to sort the array based on string length from largest to smallest. After sorting, it should appear like this:

var array = [["This should be first I think", 1],
             ["This is the middle one", 1]
             ["This should be last", 1]];

How can I achieve this sorting?

javascript arrays

Answer 1

Answer №1

Customize your sorting method by using sort with a comparative function:

items.sort(function(x,y) {
  return y[0].length - x[0].length;
});

A more concise ECMAScript 6 version would be:

items.sort((x,y) => y[0].length - x[0].length);

Answer 2

Customize your sorting method by using sort with a comparative function:

items.sort(function(x,y) {
  return y[0].length - x[0].length;
});

A more concise ECMAScript 6 version would be:

items.sort((x,y) => y[0].length - x[0].length);

Answer 3

Answer №2

When utilizing the sort method, one approach is to examine the initial element of the array and organize it accordingly:

array.sort(function(a, b) {
var aVal = a[0];
var bVal = b[0];
return bVal.length - aVal.length;
});

Answer 4

When utilizing the sort method, one approach is to examine the initial element of the array and organize it accordingly:

array.sort(function(a, b) {
var aVal = a[0];
var bVal = b[0];
return bVal.length - aVal.length;
});

How can we arrange a two-dimensional array in descending order of string length using the first string in the sub-array as the basis for

Answer №1

Answer №2

Similar questions

The issue of a non-functional grid with scroll in a flexbox

Implementing a queue with an on-click event

Error message: "The contract is not defined in thirdweb-dev/react

Should WordPress files be kept separate (php, css, and js) or combined into a single file?

Connect the scroll wheel and then proceed to scroll in the usual way

Determining special characters within a string using VueJS

`"Type is invalid" error occurring with component after importing it into a different project``

Executing a JavaScript function to trigger a PHP script that saves data into a MySQL database

In search of a hover functionality similar to what can be found on Stack Overflow

Exploring Linked Data in JSON API Response with Rails API, Active Model Serializer, and Vue.js Single Page Application

Is there a way to add a new button each time a different model is inserted by someone?

What is the solution to resolving the error in Travis CI stating "Installation failed - version 13.7.0. It appears that the remote repository may be

What is the best way to establish a header in the login route that allows the browser to remember the user's login status?

What is the process for establishing a connection between two sets of data?

`The ultimate guide to fixing the node.js ENOENT error`

Guide to redirecting data from an external POST request to a customer through a GET request

Collapse the mobile nav bar upon clicking an item

Creating a JavaScript function to imitate the pressing of the Enter

Creating a dynamic progress bar that scrolls for multiple elements

"Struggling to make the 'overflow: hidden' property work for an absolutely positioned