본문 바로가기
Javascript

문자열 메서드 : 대문자 / 소문자 / 공백

by 코딩 척척학사 2022. 9. 1.
728x90

문자열 메서드 : 소문자/대문자/공백

문자열 메서드를 활용하면 문자를 소문자/대문자로 변환할 수 있으며, 문자 사이의 공백을 없앨 수도 있습니다.

> toUpperCase()/ toLowerCase() 메서드

toUpperCase()는 문자열의 소문자를 대문자로, toLowerCase()는 대문자로 소문자로 바꿉니다.

"문자열".charAt(숫자);
const str1 = "javascript";
const curentStr1 = str1.toUpperCase();

document.querySelector(".sample02_N1").innerHTML = "1";
document.querySelector(".sample02_Q1").innerHTML = "javascript";
document.querySelector(".sample02_M1").innerHTML = "toUpperCase()";
document.querySelector(".sample02_P1").innerHTML = curentStr1;

const str2 = "JAVASCRIPT";
const curentStr2 = str2.toLowerCase();

document.querySelector(".sample02_N2").innerHTML = "2";
document.querySelector(".sample02_Q2").innerHTML = "JAVASCRIPT";
document.querySelector(".sample02_M2").innerHTML = "toLowerCase()";
document.querySelector(".sample02_P2").innerHTML = curentStr2;

> trim() / trimStart() / trimEnd() 메서드

trim()는 문자열의 모든 공백을 삭제하고, trimStart()는 문자열의 앞쪽 공백을, trimEnd()는 문자열의 뒤쪽 공백을 삭제합니다.

"문자열".charAt(숫자);
const str1 = "        javascript      ";
const currentStr1 = str1.trim();    //javascript

const str2 = "        javascript      ";
const currentStr2 = str2.trimStart();   //javascript_____

const str3 = "        javascript      ";
const currentStr3 = str3.trimEnd();     //_____javascript
728x90

'Javascript' 카테고리의 다른 글

문자열 결합과 템플릿 문자열  (14) 2022.09.01
문자열 메서드 : split()  (3) 2022.09.01
메서드 / 속성 알아보기 : 크기 또는 위치  (10) 2022.09.01
GSAP 알아보기  (4) 2022.08.29
함수 유형 알아보기  (9) 2022.08.22

댓글


HTML이 적힌 썸네일 이미지
CSS가 적힌 썸네일 이미지
JAVASCRIPT가 적힌 썸네일 이미지

JAVASCRIPT

자세히 보기