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

JavaScript의 toLowerCase() 메서드를 사용하면 어떤 텍스트든 간단하게 소문자로 변환할 수 있습니다. 이 글에서는 기본 사용법부터 주의해야 할 핵심 포인트까지 자세히 알아봅니다.

toLowerCase() 메서드 기본 사용법

JavaScript에서 문자열을 모두 소문자로 변환하려면 toLowerCase() 메서드를 사용하면 됩니다. 이 메서드는 문자열 객체에 내장되어 있어 별도의 라이브러리 없이 바로 호출할 수 있습니다.

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

someText.toLowerCase();

console.log(someText.toLowerCase());
// here is some text. let us convert it all to lowercase

위 예제에서 볼 수 있듯이, 원본 문자열에 대해 toLowerCase()를 호출하면 영문 대문자가 모두 소문자로 바뀐 새로운 문자열이 반환됩니다.

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

toLowerCase() 메서드는 새로운 문자열을 반환한다는 점이 중요합니다. 즉, 원본 문자열은 변경(mutation)되지 않고 그대로 유지됩니다. JavaScript의 문자열은 불변(immutable)하기 때문입니다.

let original = "HELLO WORLD";
let lowered = original.toLowerCase();

console.log(original); // "HELLO WORLD" — 원본 그대로 유지
console.log(lowered);  // "hello world" — 새로운 문자열 반환

따라서 변환된 결과를 계속 사용하려면 위 예제처럼 반환값을 새로운 변수에 저장해야 합니다.

실전 활용 예시

toLowerCase()는 사용자 입력 정규화나 대소문자 구분 없는 문자열 비교 등에 자주 활용됩니다.

// 대소문자 구분 없이 이메일 비교하기
const inputEmail = "User@Example.COM";
const savedEmail = "user@example.com";

if (inputEmail.toLowerCase() === savedEmail.toLowerCase()) {
  console.log("이메일이 일치합니다.");
}

참고: 반대로 대문자로 변환하려면?

반대로 문자열을 모두 대문자로 변환하고 싶다면 toUpperCase() 메서드를 사용하면 됩니다. 동작 방식은 toLowerCase()와 동일하며, 역시 원본을 변경하지 않고 새로운 문자열을 반환합니다.