<!DOCTYPE HTML>
<
html
>
<
head
>
<
title
>
How to sort an array on multiple
columns using JavaScript?
</
title
>
</
head
>
<
body
style
=
"text-align:center;"
>
<
h1
>GeeksForGeeks</
h1
>
<
p
id
=
"GFG_UP"
></
p
>
<
button
onclick
=
"GFG_Fun();"
>
Click Here
</
button
>
<
p
id
=
"GFG_DOWN"
></
p
>
<
script
>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
var arr = [
[1, 'GFG', 2, 'Geek'],
[3, 'g', 1, 'for'],
[2, 'portal', 0, 'Geeks'],
];
up.innerHTML = "Click on the button to sort "
+ "the array on multiple columns on "
+ "strings.<
br
> [" + arr[0]
+ "] <
br
> [" + arr[1] + "] <
br
> ["
+ arr[2] + "]";
function GFG_Fun() {
arr.sort(function (a, b) {
return a[3].localeCompare(b[3])
|| a[1].localeCompare(b[1]);
});
down.innerHTML = "[" + arr[0] + "]<
br
>["
+ arr[1] + "]<
br
>[" + arr[2] + "]";
}
</
script
>
</
body
>
</
html
>