javascript

22. string.prototype.split()

string.prototype.split() 메서드는 문자열을 구분자로 구분하고, 여러 개의 문자열(배열)을 반환합니다.

// 01. 텍스트 분리하기
    let text = document.querySelector(".split");
    let splitText = text.innerText;
    let splitWrap = splitText.split("").join("</span><span>");
    text.innerHTML = splitWrap = "<span>" + splitWrap + "</span>";

splitText.split("")은 splitText 문자열을 각 문자로 분리하여 문자 배열을 생성합니다. 각 문자 사이에는 아무런 구분자가 없으므로 문자열이 문자 단위로 분리됩니다.
텍스트가 <span> 태그로 둘러싸인 문자열로 변환되며, 이를 통해 텍스트 스타일을 쉽게 적용하거나 개별 문자에 접근할 수 있습니다.

27. string.prototype.toLowerCase()

toLowerCase() 메서드는 메서드는 문자열을 소문자로 설정하고, 소문자 문자열을 반환합니다.

{
    const str = "Hello World";
    const lowerCaseStr = Str.toLowerCase();

    console.log(lowerCaseStr); // "hello world"
}

28. string.prototype.toUpperCase()

toUpperCase() 메서드는 문자열을 대문자로 설정하고, 대문자 문자열을 반환합니다.

{
    const str = "Hello World";
    const upperCaseStr = str.toUpperCase();

    console.log(upperCaseStr); // "HELLO WORLD"
}

30. string.prototype.trim()

trim() 메서드는 문자열 양 끝의 공백을 제거하고 원본 문자열을 수정하지 않고 새로운 문자열을 반환합니다.

{
    const str = '   Hello world!   ';

    console.log(str);            // 원본 문자열 출력
    // 기대 결과: "   Hello world!   "

    const trimstr = str.trim();  // 양 끝의 공백 제거
    console.log(trimstr);     // 제거된 문자열 출력
    // 기대 결과: "Hello world!"
}