본문 바로가기

개발&컴퓨터/JQuery & JS

[Javascript] 영문 문자열 대소문자 변환 (영문 알파벳)

반응형

강좌나 상세한 주제를 다루는 포스팅할 정도의 수준의 자료는 아니고, 아주 간단한 팁 정도의 게시물도 종종 작성하려고 합니다.

왜냐하면 저도 가끔 종종 잊어버리거나 생각이 안날때, 바로 찾아볼 수 있게 하려구요.^^

 

그래서 간단한 지식에 대한 게시물은 제목 앞에 [TIP]을 붙여 게시할 예정입니다. 그리고 가능하다면 해당 팁의 용법 외에 가능하다면 배경 지식이나 좀 더 다양한 이슈도 다루도록 하겠습니다.^^

 

오늘은 간단한 팁 javascript 팁입니다.

 

TIP. 자바스크립트에서 영문 알파벳 대문자를 소문자로, 또 소문자를 대문자로 변환하여 주는 방법.

 

<script type="text/javascript">

...

 

var sText = "This is a simple TIP.";

 

// 영문 문자열을 대문자로 변환

var text1 = sText.toUpperCase(); // 문자열을 대문자로 변환하여 주는 함수

 

var text2 = sText.toLowerCase(); // 문자열을 소문자로 변환하여 주는 함수

 

...

</script>

 

 

text1는 sText를 무조건 대문자로 변환한 결과 값을 가지고 있습니다.

text2는 sText를 무조건 소문자로 변환한 결과 값을 가지고 있습니다.

 

text1 : THIS IS A SIMPLE TIP.

 

text2 : this is a simple tip. 

 

 

- 동작 및 사용법 -

 * toUpperCase() 와 toLowerCase() 는 오직 영문자에 대해서만 유효하게 동작합니다.

 * 대소문자 구분이 없는 한글이나 특수기호 등은 해당 메서드를 적용하여도 변화가 없습니다.

 * toUpperCase(), toLowerCase() 를 호출한 결과는 원본 데이터(sText)에 영향을 주지 않고, 변환된 결과(문자열, String)를 리턴값으로 반환합니다. 그렇기 때문에 대소문자 변환 이후에도 sText는 원본 그대로 유지됩니다.

 * toUpplerCase 와 toLowerCase() 는 별도의 인자를 받지 않습니다.

 

 

- 더 알아보기 -

 * 정의 : The toUpperCase() method converts a string to uppercase letters. / The toLowerCase() method converts a string to lowercase letters.

 * 브라우저 지원 : 모든 웹 브라우저에서 지원 (크롬, IE, 파폭, 사파리, 오페라)

 * 문법 : string.toUpperCase(), string.toLowerCase()

 * JavaScript 1.0 부터 지원

 

- 참고 자료 -

http://www.w3schools.com/jsref/jsref_touppercase.asp

 

 

반응형