JSFiddle - React, Tailwind, and code Playground

by Johnny Zhang

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
Before:
<div id="before"></div>
<br />
After
<div id="after1"></div>
<div id="after"></div>

JavaScript

arr1 = ["P2.13","P1.13","P4.13","P3.13", "P2.14","P2.14","P1.14","P4.14","P1.15","P2.15","P3.15","P4.15"];
$("#before").html(arr1.join("<br/>"))
var sortedArray = _.sortBy(arr1, function(item) {
    var nums = item.split('.');
    return [nums[1], nums[0]].join("_");
});
$("#after").html(sortedArray.join("<br/>"))