[javaScript] 문자열 양쪽, 오른쪽, 왼쪽 공백 제거 trim()

 

• trim() - 문자열 양쪽 끝에서 공백 제거
• trimStart() - 문자열 시작 부분만 공백 제거
• trimEnd() - 문자열 끝에서만 공백 제거

<p id="demo"></p>
<button onclick="btnTrim()">양쪽 공백제거</button>
<button onclick="btnTrimStart()">시작부분 공백제거</button>
<button onclick="btnTrimEnd()">끝부분 공백제거</button>

<script>
	let text1 = "     Hello Word!      ";
    document.getElementById("demo").innerHTML=`총 글자 길이 : ${text1.length}`;
    function btnTrim(){
        let text2 = text1.trim();
        document.getElementById("demo").innerHTML=`총 글자 길이 : ${text2.length}`;
    }
    function btnTrimStart(){
        let text2 = text1.trimStart();
        document.getElementById("demo").innerHTML=`총 글자 길이 : ${text2.length}`;
    }
    function btnTrimEnd(){
        let text2 = text1.trimEnd();
        document.getElementById("demo").innerHTML=`총 글자 길이 : ${text2.length}`;
    }
</script>

 

See the Pen trim() by kim oya (@ttuttu) on CodePen.