JSFiddle - React, Tailwind, and code Playground

by alexflav23

JavaScript

var arr = [
    {name:'bob', artist:'rudy'},
    {name:'johhny', artist:'drusko'},
    {name:'tiff', artist:'needell'},
    {name:'top', artist:'gear'},
    {name: "alpha", artist: "something"}
];

function sortByKey(arr, key) {
    return arr.sort(function(a, b) {
        return a[key].toLowerCase().localeCompare(b[key].toLowerCase());
    });
};

document.body.innerHTML += "<p><b> Sorted by name</b></p>";
arr = sortByKey(arr, "name");

for (var i = 0, len = arr.length; i < len; i++) {
    document.body.innerHTML += "<p>" + arr[i].name + " " + arr[i].artist + "</p>";
};

arr = sortByKey(arr, "artist");
document.body.innerHTML += "<p><b> Sorted by artist</b></p>";
for (var i = 0, len = arr.length; i < len; i++) {
    document.body.innerHTML += "<p>" + arr[i].artist + " " + arr[i].name + "</p>";
};