JSFiddle - React, Tailwind, and code Playground

JavaScript

var myObject = {
"1": {
    "ref": "1",
    "active": "1",
    "showorder": "1",
    "title": "Test 1"
},
"2": {
    "ref": "2",
    "active": "1",
    "showorder": "2",
    "title": "Test 2"
},
"3": {
    "ref": "3",
    "active": "1",
    "showorder": "4",
    "title": "Test 4"
},
"4": {
    "ref": "4",
    "active": "1",
    "showorder": "9",
    "title": "Test 9"
},
"5": {
    "ref": "5",
    "active": "1",
    "showorder": "7",
    "title": "Test 7"
}
};

function reArrangeTilesObject(tilesObj){
    var newObj = {};
    for(var key in tilesObj){
        content = newObj[key] = tilesObj[key];
        content.showorder = key;
        content.title = "Test " + key;
    }
    return newObj;
}
console.log(reArrangeTilesObject(myObject));