반응형
Sort without article
Code
<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 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('');
</script>
느낀 점 & 배운 점
정규표현식에서 /i가 의미하는 바가 헷갈려서 복습하는 시간을 가졌습니다.
/i는 대문자, 소문자 구분하지 않겠다는 의미 입니다.
나머지는 정렬해주고 innerHTML을 사용해주는 부분이 끝이었습니다.
반응형
'공부 정리 > jsChallenge' 카테고리의 다른 글
js challenge day 19 (0) | 2023.02.16 |
---|---|
js challenge day 18 (0) | 2023.02.15 |
js challenge day 16 (0) | 2023.02.13 |
js challenge day 15 (0) | 2023.02.11 |
js challenge day 14 (0) | 2023.02.10 |
댓글