본문 바로가기
JavaScript

toUpperCase( ) / toLowerCase( ) / trim( )

by 코딩 냠냠 2022. 8. 17.
728x90
반응형

toUpperCase() / toLowerCase() / trim()

toUpperCase() : 문자열을 대문자로 변경하고, toLowerCase() : 문자열을 소문자로 변경하는 메서드 입니다.
trim() : 문자열의 앞뒤 공백을 제거 하는 메서드 입니다.


toUpperCase()

문자열을 대문자로 변경합니다.

번호 기본값 메서드 리턴값

const str1 = "javascript";
const currentStr1 = 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 = currentStr1; 

toLowerCase()

문자열을 소문자로 변경합니다.

번호 기본값 메서드 리턴값

const str2 = "JAVASCRIPT";
const currentStr2 = 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 = currentStr2;

trim() / trimStrart() / trimEnd()

trim() 메서드는 앞뒤 공백을 제거 합니다.

번호 기본값 메서드 리턴값

const str1 = "       javascript    ";
const currenStr1 = str1.trim();
    
document.querySelector(".sample03_N1").innerHTML = "1";
document.querySelector(".sample03_Q1").innerHTML = "str1";
document.querySelector(".sample03_M1").innerHTML = "trim";
document.querySelector(".sample03_P1").innerHTML = currenStr1;
    
    
const str2 = "       javascript    ";
const currenStr2 = str2.trimStart();
    
document.querySelector(".sample03_N2").innerHTML = "2";
document.querySelector(".sample03_Q2").innerHTML = "str2";
document.querySelector(".sample03_M2").innerHTML = "trimStart";
document.querySelector(".sample03_P2").innerHTML = currenStr2;
    
const str3 = "       javascript    ";
const currenStr3 = str3.trimEnd();
    
document.querySelector(".sample03_N3").innerHTML = "3";
document.querySelector(".sample03_Q3").innerHTML = "str3";
document.querySelector(".sample03_M3").innerHTML = "trimEnd";
document.querySelector(".sample03_P3").innerHTML = currenStr3;

'JavaScript' 카테고리의 다른 글

match( )  (2) 2022.08.22
search( )  (2) 2022.08.22
concat( ) / repeat( ) / includes( )  (2) 2022.08.17
padStart( ) / padEnd( )  (2) 2022.08.17
replace( ) / replaceAll( )  (2) 2022.08.17

댓글


자바스크립트

Javascript

자세히 보기
html
css
광고 준비중입니다.
<