자바스크립트를 이용할 때 특정 영문자를 대문자 또는 소문자로 표현할 필요가 있다. 영어권 외 국가는 상관은 없다. 다만 대소문자가 존재하는 영문자들만 해당된다. 화면에 표시될 영문자를 강조하고자 하거나 특정 문자열을 조회시 하나로 일치하도록 하기 위해 대문자 또는 소문자로 변환하여 사용하기도 한다. 대문자 변환은 toUpperCase 메서드를 사용하고 소문자 변환은 toLowerCase 메서드를 사용한다.
자바스크립트 문자열 대문자 소문자 변환하기
javascript string toUpperCase toLowerCase
자바스크립트로 문자열을 변환할 때 내가 원하는 부분만 추출하고 변경할 수 있음을 알았다.
또한, 자바스크립트는 대문자와 소문자와 구분하는 것을 알게 되었다.
가끔 화면에 데이터를 표시할 때 특정 문구에 대해 대문자 또는 소문자로 표현할 필요가 있다.
영어권 외의 국가는 크게 상관없지만, 영문자에 대해 대문자로 변화하거나 소문자로 변환할 수 있다.
문자열을 대문자 소문자 변환하기
자바스크립트에서 영문자로 된 문자열을 대문자 또는 소문자로 변환하는 것은 어렵지 않다.
문자열에 포함된 내장메서드를 사용하면 된다.
- 대문자변환 - toUpperCase()
- 소문자변환 - toLowerCase()
위의 메서드가 전부이다.
아래는 간단한 문법이다.
String.toUpperCase()
String.toLowerCase()샘플코드
위에서 언급한대로 영문자를 대문자 또는 소문자로 변환하는 것은 어렵지 않다.
간단한 샘플코드를 작성해 보자.
문자열에 점을 찍고 toUpperCase 또는 toLowerCase 메서드를 작성해 주면 그만이다.
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 문자열 대문자 소문자 변환</h1>
<script>
console.log("----------");
let vStr = "YG Ent, BlackPink, Jisoo, Jennie, Rose, Lisa";
console.log(typeof(vStr), vStr);
let vStr1 = vStr.toUpperCase();
console.log(typeof(vStr1), vStr1);
let vStr2 = vStr.toLowerCase();
console.log(typeof(vStr2), vStr2);
console.log("----------");
</script>
</body>
</html>결과화면을 보자.
첫번째로 원본 문자열을 만들어 화면에 출력해 주었다.
대문자와 소문자가 섞여 있다.
toUpperCase 메서드를 이용해 대문자로 화면에 출력해 주었다.
toLowerCase 메서드를 이용해 소문자로 화면에 출력해 주었다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 문자열 공백 제거 빈문자열 없애기 removing javascript whitespace (0) | 2021.11.11 |
|---|---|
| 자바스크립트 문자열 합치기 using javascript string concat() method (0) | 2021.11.10 |
| 자바스크립트 문자열 변환 replace 함수와 정규식 사용 javascript replace and regular expresstion (0) | 2021.11.08 |
| 자바스크립트 문자열 변환 replace 함수 사용 javascript replace method (0) | 2021.11.07 |
| 자바스크립트 문자열 자르기 substr 함수 사용 javascript substr function (0) | 2021.11.06 |
댓글