[javascript] 자바스크립트 대문자 소문자 전환 방법

이 튜토리얼에서는 javascript를 사용해 주어진 문자열을 대문자로 또는 소문자로 변환하는 간단한 메소드를 살펴보겠습니다.

소개

먼저 javascript에는 대문자가 하나도 포함되어있지 않은 소문자를 반환해주는 toLowerCase() 메소드가 있습니다. 비슷하게 어떤 소문자도 포함하지 않는 대문자만을 반환하는 toUpperCase() 메소드도 있습니다. 이 두 메소드는 모두 문자열을 가져와 다른 표현으로 변환합니다.

javascript에서 문자열 작업을 할 때 대소문자를 변환해야할 때가 있을 것 입니다. 예를들어 사용자의 이름을 수집하는 가입 양식을 만드는 경우 또는 이메일 주소를 모두 소문자로 표시하고 싶을 때 toLowerCase() 메소드와 toUpperCase() 메소드를 사용하여 문자열을 모두 소문자나 대문자로 만들 수 있습니다.

여기서는 javascript의 toUpperCase() 메소드와 toLowerCase() 메소드 사용방법을 알아보고 예제를 통해 이 메소드의 사용 방법을 알아보겠습니다.

문자열의 대소문자 구분

문자열은 문자들의 나열이고 이들의 조합입니다. 또한 문자열은 문자, 심볼, 숫자, 공백을 포함할 수 있습니다. javascript에서는 문자열을 세가지 유형으로 선언할 수 있습니다.

1. 작은 따옴표 ('?')
2. 큰 따옴표 ("?")
3. 백틱 (`?`)

작은 따옴표와 큰 따옴표는 서로 바꿔서 사용할 수 있지만 소스코드 작성 시 일관되게 사용해야 합니다.

문자열은 대소문자를 구분합니다. 이 말의 의미는 문자열을 비교할 때, 문자열을 검색할 때, 문자열을 조작할 때 같은 문자라도 대문자와 소문자는 다르게 취급됩니다. 따라서 대소문자만 다른 같은 문자열 두개를 비교하면 javascript는 이 둘은 서로 다른 문자열이라고 판단하게 됩니다.

toUpperCase 메소드

먼저 문자열을 대문자로 변환하기 위해 toUpperCase() 메소드를 살펴보겠습니다. toUpperCase() 메소드는 변수의 값을 변경하지는 않습니다. 이는 변수에 있는 값을 반환하는게 아니라 변수에 있는 값을 복사해서 모두 대문자로 변환을 한 다음 결과적으로 변환된 값을 반환해줍니다.

다음 예제를 통해 toUpperCase() 메소드의 문법을 확인해 보겠습니다.

위 예제에서 name의 문자열을 모두 대분자로 바꾸었고 다시 name의 내용을 확인했습니다. 예제에서 확인했다시피 toUpperCase() 메소드는 매개변수를 반지 않습니다. 그저 '.' 연산자를 통해 메소드를 호출하기만 하면 사용할 수 있습니다. 그러면 모든 문자가 대문자로 바뀐 문자열 복사본을 반환합니다.

toLowerCase 메소드

toLowerCase() 메소드는 주어진 문자열을 소문자로 표시합니다. toUpperCase() 메소드와 마찬가지로 원본 문자열은 건드리지 않습니다. 대신 원본문자열을 복사해서 모두 소문자로 변환한 값을 반환합니다.

위 예제에서는 name에 대문자 소문자가 섞여있는데 toLowercase() 메소드를 사용함으로 모두 소문자인 문자열을 생성했고 원본을 확인해 보니 변경사항이 없다는 것을 알 수 있습니다.

정리

이 가이드에서는 문자열의 대소문자를 변경하기 위해 toUpperCase() 메소드와 toLowerCase() 메소드를 사용하는 방법을 알아봤습니다. 이 메소드 들은 문자열을 모두 대문자로 변경하거나 모두 소문자로 변경합니다.

관련 글

자바스크립트 첫글자 대문자로