자바스크립트에서 문자열을 대문자·소문자로 변환하는 방법

자바스크립트는 String 객체 프로토타입에 toUpperCase와 toLowerCase 함수를 기본적으로 제공합니다. 이 메서드들을 활용하면 외부 라이브러리 없이 순수 자바스크립트(vanilla JavaScript)만으로 문자열을 대문자 또는 소문자로 간편하게 변환할 수 있습니다.

참고로 자바스크립트의 문자열은 불변(immutable)이기 때문에, 이 메서드들은 원본 문자열을 변경하지 않고 변환된 새로운 문자열을 반환한다는 점을 기억해 두면 좋습니다.

toUpperCase – 대문자로 변환하기

toUpperCase() 메서드는 문자열에 포함된 모든 영문자를 대문자로 변환한 새로운 문자열을 반환합니다.

예제

let str = "Hello World"
let upper = str.toUpperCase()
console.log(upper)

실행 결과

위 코드를 실행하면 아래와 같은 결과가 출력됩니다.

HELLO WORLD

toLowerCase – 소문자로 변환하기

toLowerCase() 메서드는 반대로 문자열의 모든 영문자를 소문자로 변환한 새로운 문자열을 반환합니다.

예제

let str = "Hello World"
let lower = str.toLowerCase()
console.log(lower)

실행 결과

위 코드를 실행하면 아래와 같은 결과가 출력됩니다.

hello world

이처럼 toUpperCase()와 toLowerCase()는 사용법이 매우 간단하면서도, 검색 기능 구현 시 입력값 정규화나 대소문자 구분 없는 문자열 비교 등 실무에서 자주 활용되는 필수적인 문자열 처리 메서드입니다.