How to sort object by key value in javascript? – Jquery ajax

function listenForEntries(arrAllEntryRequests) {
    //set up a listener for when all requests have finished, using "spread operator" (...) to send all requests as parameters to when():
    $.when(...arrAllEntryRequests).done(
        //done:
        function (...arrAllEntryResponses) {
            let arrAllEntries = [];
            //console.log("arrAllEntryResponses", arrAllEntryResponses);

            arrAllEntryResponses.forEach((e) => {
                arrAllEntries.push(e[0].fields);
            });;

            //all images loaded, sort:
            arrAllEntries.sort((a, b) => (a.sequence < b.sequence ? -1 : 1));
            

            //sorting done, get asset data for each. This is also asyncronous so you need to do the same thing as above:    
            let arrAllAssetRequests = [];

            arrAllEntries.forEach((entryData) => {
                //console.log("entryData", entryData);

                $('.data-sequence').append(`
                <ul>
                  <li>
                    Sequence ID: ${entryData.sequence}<br>
                    Title Banner: ${entryData.title}
                  </li>
                </ul>`)
                
                let assetReqObj = getAssetData(entryData.image.sys.id, entryData.sequence);
                arrAllAssetRequests.push(assetReqObj);

            });

            listenForAssets(arrAllAssetRequests);
        }
    );
}

function listenForAssets(arrAllAssetRequests) {
    $.when(...arrAllAssetRequests).done(
        //done:
        function (...arrAllAssetResponses) {
            //all assets loaded, sort:
            arrAllAssetResponses.sort((a, b) => (a[2].sequence < b[2].sequence ? -1 : 1));

            arrAllAssetResponses.forEach((assetData) => {
                //console.log("assetData", assetData);

                if(assetData.length > 0) {
                    $('.data-assets').append(`
                    <ul>
                    <li>
                        Sequence ID: ${assetData[2].sequence}<br>
                        Title Banner: ${assetData[0].fields.title}<br>
                        <img class="img-fluid" src="${assetData[0].fields.file.url}">
                    </li>
                    </ul>`);
                } else {
                    console.error("Something wrong with assetData", assetData);
                }
            });
        }
    );
}

function renderContentBySection(sectionName, appendElement, numberOfSkeleton, elementAttribute, elementClass) {
    $.ajax({
        url: 'https://cdn.contentful.com/spaces/r5mgd95bqsb5/environments/master/entries/1bI13SpZBBvgOgIk4GhYEg?access_token=CVel_r57GUqeTeaLyIsseXEAM1z1f-spXNKR-a2-huA',
        type: 'GET',
        success: function (data) {
            const getData = data.fields

            //move array to inside this function as it's the only place it will be used:
            let arrAllEntryRequests = [];

            if (getData[sectionName]) {
                if (getData[sectionName] && getData[sectionName].length) {
                    getData[sectionName].forEach((item, index) => {
                        arrAllEntryRequests.push(getSingleEntry(item.sys.id));
                    });

                    //once array of requests is created, listen for it to finish:
                    listenForEntries(arrAllEntryRequests);
                }
            }
        }
    });
}

function getSingleEntry(contentId) {
    return $.ajax({
        url: `https://cdn.contentful.com/spaces/r5mgd95bqsb5/environments/master/entries/${contentId}?access_token=CVel_r57GUqeTeaLyIsseXEAM1z1f-spXNKR-a2-huA`,
        type: 'GET',
        success: function (dataKat) {
            //do nothing            
        }
    });
}

function getAssetData(assetsId, sequenceId) {
    let $xhr = $.ajax({
        url: `https://cdn.contentful.com/spaces/r5mgd95bqsb5/environments/master/assets/${assetsId}?access_token=CVel_r57GUqeTeaLyIsseXEAM1z1f-spXNKR-a2-huA`,
        type: 'GET',
        success: function (assetData) {
            //do nothing
        }
    });

    $xhr.sequence = sequenceId; //store the sequence for later

    return $xhr;
}

$(document).ready(function () {
    renderContentBySection('mainBannerImage', '#carousel-inner', 1, 'banner', 'main-banner-item');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container-fluid">
  <div class="row">
    <div class="col-6">
      <div class="data-sequence">
        <span> This is sequence data:</span>
      </div>
    </div>
    <div class="col-6">
      <div class="data-assets">
        <span> This is assets data:</span>
      </div>
    </div>
  </div>
</div>