[JavaScript] 문자열 함수

🔻문자열 함수🔻

• 길이, 검색, 대소문자 변환, 추출, 치환, 공백제거, 분할, 검색, 자릿수 채우기 등이 있다.
• 거의 자바와 사용법이 유사하다

 

문자열 길이

• length : 문자열의 길이를 반환한다.

    <script>
        var txt = 'Hello';
        console.log(txt.length);    //5
    </script>

---

검색

• indexOf(substring), lastIndexOf(substring): 부분 문자열의 첫 번째 등장 인덱스와 마지막 등장 인덱스를 반환한다. 찾지 못한 경우 -1을 반환한다.

    <script>
        var txt = 'Hello';

        console.log(txt.indexOf('o'));      //4
        console.log(txt.lastIndexOf('l'));  //3
    </script>

---

대소문자 변환

• toUpperCase() : 문자열을 모두 대문자로 변환한다.
• toLowerCase() : 문자열을 모두 소문자로 변환한다.

    <script>
        var txt = 'Hello';
        
        console.log(txt.toUpperCase());     //HELLO
        console.log(txt.toLowerCase());     //hello
    </script>

---

추출

• substring(start, end) : 지정한 인덱스의 문자들을 잘라내어 새로운 문자열을 반환한다.
• substr(start, end) : 문자열에서 지정한 위치부터 지정한 길이만큼의 부분 문자열을 반환한다.
• charAt(index) : 지정한 인덱스에 있는 문자를 반환한다.
• charCodeAt(index) : 지정한 인덱스에 있는 문자의 유니코드 값을 반환한다.

    <script>
        var txt = 'Hello';
        
        console.log(txt.substring(1,2));    //e
        console.log(txt.substring(1));      //ello
        console.log(txt.substr(1,2));       //el

        console.log(txt.charAt(1));         //e
        console.log(txt.charCodeAt(1))      //101   
        //캐릭터 자료형이 없기에 charCodeAt 프로퍼티로 문자코드값을 추출한다.       
    </script>

---

치환

• replace(searchValue, replaceValue): 문자열 내의 특정 문자열을 다른 문자열로 교체한다.
  • 처음 만나는 요소만 치환한다.
  • 정규표현식으로 반복 치환할 수 있다.
  • 정규표현식에 'g'(global)를 붙여주면 반복하여 치환할 수 있다.

    <script>
        var txt = 'Hello~ Hong~ Bye~ Hong~';
        
        console.log(txt.replace('Hong', 'Lee'));    //Hello~ Lee~ Bye~ Hong~
        console.log(txt.replace(/Hong/g, 'Lee'));   //Hello~ Lee~ Bye~ Lee~
    </script>

---

공백 제거

• trim() : 문자열의 앞뒤 공백을 제거한다.

    <script>
        var txt = '   하나   둘   셋        ';
        
        console.log('@' + txt.trim() + '@');        //@하나   둘   셋@
        console.log('@' + txt.trimLeft() + '@');    //@하나   둘   셋        @
        console.log('@' + txt.trimRight() + '@');   //@   하나   둘   셋@
    </script>

---

분할

• split(separator) : 지정한 구분자를 기준으로 문자열을 나누어 배열로 반환한다.

    <script>
        var txt = '홍길동,이순신,윤봉길';
        console.log(txt.split(','));        // ['홍길동', '이순신', '윤봉길']
    </script>

---

검색

• startsWith() : 주어진 문자열이 지정한 부분 문자열로 시작하는지 여부를 boolean 값으로 반환한다.
• endsWith() :  주어진 문자열이 지정한 부분 문자열로 끝나는지 여부를 boolean 값으로 반환한다.

    <script>
        var txt = '홍길동';
        
        console.log(txt.startsWith('홍'));      //true
        console.log(txt.endsWith('동'));        //true
    </script>

---

문자열 채우기

• padStart(maxLength, fillString) 
  
  • maxLength: 최종 길이를 나타내는 정수입니다.
  • fillString: 목표 길이에 도달하기 위해 앞쪽에 채울 문자열입니다.
  • 현재 문자열의 시작 부분에, 필요한 경우 다른 문자열로 채워서 지정한 길이인 새로운 문자열을 반환한다.
• padEnd(maxLength, fillString) : 현재 문자열의 끝 부분에, 필요한 경우 다른 문자열로 채워서 지정한 길이인 새로운 문자열을 반환한다.
• repeat(count) : 현재 문자열을 지정한 횟수만큼 반복하여 새로운 문자열을 반환한다.
•  

    <script>
        var txt = '1';
        
        console.log(txt.padStart(3, '0'));      //001
        console.log(txt.padEnd(3, 'A'));        //1AA
        console.log(txt.repeat(3));             //111
    </script>