Sort names ignoring articles

dianafisher · dianafisher · commit b94fc9e60943 · 2017-01-02T15:48:05.000-08:00
diff --git a/17 - Sort Without Articles/.jshintrc b/17 - Sort Without Articles/.jshintrc
@@ -0,0 +1 @@
+{ "esnext": true }
diff --git a/17 - Sort Without Articles/index.html b/17 - Sort Without Articles/index.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Sort Without Articles</title>
+</head>
+<body>
+
+  <style>
+    body {
+      font-family: sans-serif;
+      background: url("https://source.unsplash.com/nDqA4d5NL0k/2000x2000");
+      background-size: cover;
+      display: flex;
+      align-items: center;
+      min-height: 100vh;
+    }
+
+    #bands {
+      list-style: inside square;
+      font-size: 20px;
+      background: white;
+      width: 500px;
+      margin: auto;
+      padding: 0;
+      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.05);
+    }
+    #bands li {
+      border-bottom: 1px solid #efefef;
+      padding: 20px;
+    }
+    #bands li:last-child {
+      border-bottom: 0;
+    }
+
+    a {
+      color: #ffc600;
+      text-decoration: none;
+    }
+
+  </style>
+
+  <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'];
+
+  // function to strip out the article from a band name
+  function strip(bandName) {
+    return bandName.replace(/^(a |the |an )/i, '').trim();
+  }
+
+  const sortedBands = bands.sort(function(a, b){
+    if (strip(a) > strip(b)) {
+      return 1;
+    } else {
+      return -1;
+    }
+  });
+
+  // const sorted = bands.sort((a, b) => strip(a) > strip(b) ? 1 : -1);
+
+  console.log(sortedBands);
+
+  document.querySelector('#bands').innerHTML = 
+    sortedBands
+      .map(band => `<li>${band}</li>`)
+      .join('');
+</script>
+
+</body>
+</html>
