JavaScript에서 문자열을 대문자로 변환하는 방법 (toUpperCase() 완벽 가이드)

JavaScript를 사용하면 어떤 텍스트든 간단하게 대문자로 변환할 수 있습니다. 이 글에서는 toUpperCase() 메서드의 기본 사용법과 주의할 점까지 알아봅니다.

toUpperCase() 메서드 기본 사용법

문자열을 모두 대문자로 변환하려면 JavaScript 내장 메서드인 toUpperCase()를 사용하면 됩니다:

let someText = "Here is some text. Let us convert it all to uppercase"

someText.toUpperCase()

console.log(someText.toUpperCase())
// "HERE IS SOME TEXT. LET US CONVERT IT ALL TO UPPERCASE"

toUpperCase() 메서드는 호출된 문자열의 모든 알파벳 소문자를 대문자로 바꾼 결과를 돌려줍니다. 숫자나 특수문자, 이미 대문자인 글자는 그대로 유지됩니다.

주의: 원본 문자열은 변경되지 않습니다

toUpperCase()는 새로운 문자열을 반환하는 메서드입니다. 즉, 원본 문자열 자체는 변경(mutation)되지 않습니다.

JavaScript에서 문자열(string)은 불변(immutable) 값이기 때문에, 변환 결과를 실제로 사용하려면 반드시 반환값을 변수에 저장해야 합니다:

let original = "hello world"
let uppercased = original.toUpperCase()

console.log(original)   // "hello world" (원본 그대로)
console.log(uppercased) // "HELLO WORLD" (변환된 새 문자열)

반환값을 저장하지 않고 someText.toUpperCase()만 호출하면 변환된 결과가 어디에도 남지 않으므로, 초보자들이 자주 겪는 실수 중 하나입니다. 항상 결과를 변수에 담아 사용하는 습관을 들이는 것이 좋습니다.