강좌나 상세한 주제를 다루는 포스팅할 정도의 수준의 자료는 아니고, 아주 간단한 팁 정도의 게시물도 종종 작성하려고 합니다.
왜냐하면 저도 가끔 종종 잊어버리거나 생각이 안날때, 바로 찾아볼 수 있게 하려구요.^^
그래서 간단한 지식에 대한 게시물은 제목 앞에 [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를 무조건 소문자로 변환한 결과 값을 가지고 있습니다.
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
'개발&컴퓨터 > JQuery & JS' 카테고리의 다른 글
Javascript에서의 not defined 변수 처리 (vs undefined) (0) | 2015.11.04 |
---|---|
[IE브라우저] a 태그의 중첩된 onclick 문제 해결하기 (JQuery on() off() 함수) (0) | 2015.08.27 |
[JQuery] Object의 특정 클래스(Class) 포함 여부를 확인하는 다양한 방법. (6) | 2015.06.05 |
Javascript - 숫자에 세자리마다 콤마 붙이기 (4) | 2015.05.08 |
두 개의 다른 버전의 JQuery 라이브러리 사용하기 (5) | 2015.03.30 |