[JavaScript 30일 챌린지] : 17일차

17일차

---

<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 strip(bandName) {
  return bandName.replace(/^(a |the |an )/i, '').trim();
}

const sortedBands = bands.sort((a, b) => strip(a) > strip(b) ? 1 : -1);

document.querySelector('#bands').innerHTML =
        sortedBands
                .map(band => `<li>${band}</li>`)
                .join('');

console.log(sortedBands);

</script>

스크립트 부분 코드이다.

 

 

이번에는 정렬을 했는데 족므 특이한 정렬이다.

sort()를 사용했는데 관사(a, an, the)를 제외하고 정렬했다.

replace로 변경될 문자열과 변경할 문자열을 지정해서 a, an, the를 바꿔주었다.