JSFiddle - React, Tailwind, and code Playground

HTML

<div id='test'></div>

JavaScript

var data = [
	2722506: {	
    "ID": "2722506", 
    "PRODUCT_ID": "8427", 
    "NAME": "Котята в корзине",
    "QUANTITY": 1
  },
  2722507: {
    "ID": "2722507", 
    "PRODUCT_ID": "8421",
    "NAME": "Белые лебеди",
    "QUANTITY": 1
  },
  2722508: {
    "ID": "2722508",
    "PRODUCT_ID": "8417", 
    "NAME": "Бастилия по мотивам картины К. Коровина",
    "QUANTITY": 1
  },
  2722509: {
    "ID": "2722509", 
    "PRODUCT_ID": "8415",
    "NAME": "Шелти",
    "QUANTITY": 1
  },
  2722510: {
    "ID": "2722510", 
    "PRODUCT_ID": "8413",
    "NAME": "Жирафы",
    "QUANTITY": 1
  }
]
data.sort(function(a, b){
    if(a.firstname < b.firstname) return -1;
    if(a.firstname > b.firstname) return 1;
    return 0;
})
for (var i = 0; i < data.leght; i++) {
  console.log(data[i].Name)
}