JSFiddle - React, Tailwind, and code Playground

JavaScript

function sortByExt(files) {
  let arr1 = [];
  let arr2 = [];

  for (let i = 0; i < files.length; i++) {
    let point = files[i].indexOf('.');
    let name = +files[i].slice(0, point);
    let ext = files[i].slice(point + 1);
    arr1.push(name);
    arr2.push(ext);
  }
  
  let sortName = arr1.sort((a, b) => a - b);
  let sortExt = arr2.sort();
  return [sortName, sortExt];
}


console.log(sortByExt(['1.cad', '1.aa.aa', '2.bat', '1.aa', '.aa', '1.aa.doc'])) // ['.aa', '1.aa', '1.aa.aa', '1.aa.doc', '1.bat', '1.cad']