[javascript] trim() || trimStart() ||trimEnd()

문자열을 변경하는 메서드

trim(),trimStart(),trimEnd()을 정리해 보았습니다.

문자열 좌우에서 공백을 제거, trim(),trimStart(),trimEnd()

trim() 메서드는 문자열 좌우에서 공백을 제거.
trimStart() 메서드는 문자열 시작 부분에서 공백 문자를 제거하는 데 사용되는 문자열 메서드입니다
trimEnd() 메서드는 문자열 끝부분의 공백을 제거합니다. 또 해당 메서드는 trimRight() 라는 별칭으로 호출이 가능합니다.

  const str = "    javascript          ";
    const currentStr = str.trim();


    document.querySelector(".sample03_N1").innerHTML = "1";
    document.querySelector(".sample03_Q1").innerHTML = "javascript";
    document.querySelector(".sample03_M1").innerHTML = "trim()";
    document.querySelector(".sample03_P1").innerHTML = currentStr;

    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;

결과보기

번호	기본값	메서드	리턴값