[JS] 다국어를 고려하여 문자열의 첫 글자를 대문자로 만들기

다국어를 고려하지 않았을 때

---

💡 charAt은 인덱스에 해당하는 문자열을 반환하고, charCodeAt은 유니코드(0~65535) 값을 반환한다

function capitalizeFirstLetter(string) {
  return string.charAt(0).toUpperCase() + string.slice(1);
}

capitalizeFirstLetter('hello world') // Hello world

 

다국어를 고려했을 때

---

💡 로마자(라틴 문자)에선 점이 있는 소문자 i와 점이 없는 대문자 I가 짝을 이룬다. 반면 터키어, 아제르바이잔어에선 점 없는 문자ı, I와, 점 있는 문자 i, İ가 짝을 이룬다. Istanbul을 터키어 알파벳으로 적으면 İstanbul이 되는데 첫 글자가 바로 점 있는 대문자다. (참고글)

function capitalizeFirstLetter([first, ...rest], locale = navigator.language) {
  return [first.toLocaleUpperCase(locale), ...rest].join('');
}

capitalizeFirstLetter('istanbul', 'en'); // 'Istanbul'
capitalizeFirstLetter('istanbul', 'tr'); // 'İstanbul' (tr은 터키어의 Locale 값)

 

• 문자열은 Symbol.iterator가 구현된 이터러블이므로 구조 분해 할당과 전개 연산자를 사용할 수 있다
  • 구조 분해 할당은 모든 이터러블(배열, 문자열, Set, Map, …)에 사용할 수 있다
  • 전개 연산자 대상은 이터러블이어야 한다
• navigator.language : 사용자가 선호하는 브라우저 UI 언어의 Locale 값을 반환한다 ex) ko-KR
• str.toLocaleUpperCase(locale) : 인자로 받은 Locale에 따라 대문자로 변환한 값을 반환한다

 

---

글 수정사항은 노션 페이지에 가장 빠르게 반영됩니다. 링크를 참고해 주세요