본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

Javascript

toUpperCase() / toLowerCase () / trim() 에 대하여....!!!

by C0Di 2022. 8. 18.
728x90

toUpperCase() / toLowerCase

toUpperCase는 문자열을 대문자로 변경하고, toLowerCase는 문자열을 소문자로 변경

번호 기본값 메서드 리턴값
1 javascript toUpperCase() JAVASCRIPT
2 javascript toLowerCase() JAVASCRIPT
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;
                
const str2 = "JAVASCRIPT";
const currentStr2 = str1.toUpperCase();
    
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() : 문자 / trimStart() / trimEnd() :

문자열의 공백을 제거해주는 메서드 입니다.

번호 기본값 메서드 리턴값
1 javascript trim() javascript
2 javascript trimStart() javascript
3 javascript trimEnd() javascript
const str1 = "         javascript         ";
const currentStr1 = 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=currentStr1;

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

const str3 = "         javascript         ";
const currentStr3 = 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=currentStr3;
728x90
반응형

댓글

#HASH_TAGS

-

1

scroll-snap-type 오징어 두마리 포획 완료 메서드 제이쿼리 ImageSlideEffect 오징어 한마리 수확 완료! 오늘 조업 마감했습니다. 오늘도 웹표준은.. 멈추지 않는 ' j ' 시리-즈 scroll-snap-align 숙제가 다양해서 너무 좋아요 테스트 슬라이드 결과 : 월요일 오늘은 내가바로 오징어! 필터선택자 JQuery 코딩 코드 오징어 1Kg 당 3000원 HTML 공부 테스트테스트 울적하니 꽃을 달아봤습니다 Method 선택해주세요 화사한가요? 내일은 즐거운 월요일 다크모드 이건 또 뭐람