JSFiddle - React, Tailwind, and code Playground

CSS

body {
    padding: 20px;
}
h1 {
    margin: 10px 0 5px 0;
    font-weight: bold;
}

JavaScript

var list = [Infinity, -Infinity, NaN, 0, -0, 1, -1, {}, [3], [4,5], [6], "1", "-1", "a", NaN, "z"],
    list2 = [Infinity, -Infinity, NaN, 0, -0, 1, -1, {}, [3], [4,5], [6], "1", "-1", "a", NaN, "z"],
    heading, p;

heading = document.createElement('h1');
heading.innerHTML = 'unsorted';
document.body.appendChild(heading);
p = document.createElement('p');
p.innerHTML = list.join(' | ');
document.body.appendChild(p);


list.sort(function(a, b) {
    return a > b ? 1 : -1;
});

heading = document.createElement('h1');
heading.innerHTML = 'sorted with a > b ? 1 : -1';
document.body.appendChild(heading);
p = document.createElement('p');
p.innerHTML = list.join(' | ');
document.body.appendChild(p);


list2.sort();

heading = document.createElement('h1');
heading.innerHTML = 'sorted naturally';
document.body.appendChild(heading);
p = document.createElement('p');
p.innerHTML = list2.join(' | ');
document.body.appendChild(p);