JSFiddle - React, Tailwind, and code Playground

by dactivo

HTML

<div class="show"></div>

JavaScript

//var data='[{"file":"test2.docx"},{"file":"test_folder1"},{"file":"test_folder2"},{"file":"aprueba.png"},{"file":"fprueba.png"},{"file":"zprueba.png"}]';
var data = ['e_file.xlsx', 'p_image.png', 'test2.docx', 'test_folder1', 'test_folder2', 'text_file.txt'];

try{

//var a = JSON.parse(data);

data.sort(function(a,b)
       {
  var pattern = /\.[a-z]+$/i,
      isADir  = !pattern.test(a),
      isBDir  = !pattern.test(b);
    
  if (isADir && !isBDir) return -1;
  if (isBDir && !isADir) return 1;
     return a > b;
});
    
    
    var result = "<table><tr><th></th></tr>";
for (i = 0; i < data.length; i++) {
  var test = data[i];                      
  result += "<tr'><td>" + test + "</td></tr>";
}
result += "</table>"

}
catch(e){
alert(e);
}
$(".show").html(result);