새소식
반응형
WEB/JavaScript
[JavaScript] JS String(문자열) 대 / 소 문자 변환 방법
- -
반응형
2021-04-05
간혹 문자열을 대소문자로 치환해야 하는 경우가 있다. 이러한 경우 손쉽게 해당 문제를 해결하는 방법을 알아보자.
- 대문자 변환 [ toUpperCase() ]
기본적인 문자열을 전부 대문자로 바꿔야 하는 경우가 있는데 이경우 toUpperCase() 메서드를 사용하면 손쉽게 변경할 수 있다. 아래의 예제를 보자
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var text = "Hello World Hello everyone!"
console.log(text.toUpperCase()) // HELLO WORLD HELLO EVERYONE!
</script>
</head>
<body>
Hello World
</body>
</html>
브라우저 콘솔창의 출력을 확인해보면, HELLO WORLD HELLO EVERYONE! 로 나타난다.
- 소문자 변환 [ toLowerCase() ]
반면에 기존의 문자열을 전부 소문자로 바꿔야 하는 경우에는 toLowerCase() 메소드를 사용하면 손쉽게 변경할 수 있다. 다음의 예제를 살펴보자.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var text = "Hello World Hello everyone!"
console.log(text.toLowerCase()) // hello world hello everyone!
</script>
</head>
<body>
Hello World
</body>
</html>
브라우저 콘솔창의 출력을 확인해보면, hello world hello everyone! 로 나타난다.
반응형
'WEB > JavaScript' 카테고리의 다른 글
| [JavaScript] JS 통한 랜덤값 생성하는 방법 알아보기 (0) | 2021.04.07 |
|---|---|
| [JavaScript] JS 올림/내림 반올림 메소드 알아보기 Math (0) | 2021.04.06 |
| [JavaScript] JS String(문자열) 메소드 알아보기. (0) | 2021.04.04 |
| [JavaScript] JS Arrays sort() / reverse() 메소드 알아보기 (0) | 2021.04.03 |
| [JavaScript] JS Arrays 배열에 대하여 알아보기 (0) | 2021.04.02 |
Contents
소중한 공감 감사합니다