sorting using a regex

Author: Justin Ramel

17 - Sort Without Articles/index-START.html

@@ -43,8 +43,24 @@
   <ul id="bands"></ul>
 
 <script>
-const bands = ['The Plot in You', 'The Devil Wears Prada', 'Pierce the Veil', 'Norma Jean', 'The Bled', 'Say Anything', 'The Midway State', 'We Came as Romans', 'Counterparts', 'Oh, Sleeper', 'A Skylit Drive', 'Anywhere But Here', 'An Old Dog'];
+  const bands = ['The Plot in You', 'The Devil Wears Prada', 'Pierce the Veil', 'Norma Jean', 'The Bled', 'Say Anything', 'The Midway State', 'We Came as Romans', 'Counterparts', 'Oh, Sleeper', 'A Skylit Drive', 'Anywhere But Here', 'An Old Dog'];
 
+  const bandsDom = document.querySelector('#bands')
+
+  const sortedBands = bands.sort((a,b) => {
+    const cleanA = a.replace(/a |the |an /gi, '')
+    const cleanB = b.replace(/a |the |an /gi, '')
+
+    return cleanA > cleanB ? 1 : -1
+  })
+
+  const list = sortedBands.map(band => {
+    return `
+      <li>${band}</li>
+    `
+  }).join('')
+
+  bandsDom.innerHTML = list
 
 </script>