Tag Archives: function

JavaScript30 – Day 17

JavaScript30 is 30-day vanilla javaScript coding challenge by Wes Bos (@wesbos). The purpose of these posts is to reflect my troubles and moments of ahhaa. Sorting band names without a/an/the Lessons from Day 17 — a/an/the: Demo - Day 17
  1. Regex to replace a/an/the with ' ' 
    function strip(bandName){

  return bandName.replace(/^(a |the |an )/i,'').trim();

}
  2. Ternary operator - ?: is called ternary operator 
    return strip(a) > strip(b) ? 1 : -1
  3. How to write a function in three ways:
    //first
const sortedBands = bands.sort(function(a,b){
 return strip(a) > strip(b) ? 1 : -1
});

//as arrow-function
const sortedBands = bands.sort ((a,b) =>{
 return strip(a) > strip(b) ? 1 : -1
});

// if the only thing you are doing in function is returning - you can do implicit return
const sortedBands = bands.sort((a,b) => strip(a) > strip(b) ? 1 : -1);
  4. Output with/without commas 
    sortedBands.map(band => `
  5. ${band}
    6. `);
//will give you commas after the names:
["
  6. Anywhere But Here
    7. ", "
  7. The Bled
    8. ", "
  8. Counterparts
    9. ", "
  9. The Devil Wears Prada
    10. ", "
  10. The Midway State
    11. ", "
  11. Norma Jean
    12. ", "
  12. Oh, Sleeper
    13. ", "
  13. An Old Dog
    14. ", "
  14. Pierce the Veil
    15. ", "
  15. The Plot in You
    16. ", "
  16. Say Anything
    17. ", "
  17. A Skylit Drive
    18. ", "
  18. We Came as Romans
    19. "]

    sortedBands.map(band => `
  19. ${band}
    20. `).join('');
//will give

  20. Anywhere But Here
  21. The Bled
  22. Counterparts
  23. The Devil Wears Prada
  24. The Midway State
  25. Norma Jean
  26. Oh, Sleeper
  27. An Old Dog
  28. Pierce the Veil
  29. The Plot in You
  30. Say Anything
  31. A Skylit Drive
  32. We Came as Romans
    33.
Day 17 code on github.