자바스크립트-String(slice, substring, substr, replace, replaceAll, includes, split, trim)

자바스크립트의 String 메서드를 알아보자!!

코딩 테스트 볼 때 중요한 것 같아서 공부하고 정리해본다!

누군가에게도 도움이 되길! 🙏

 

 

1. slice(시작인덱스, 종료인덱스) : 시작인덱스부터 종료인덱스-1까지 반환

* slice의 시작 인덱스 값 > 종료 인덱스 값 이면 작동하지 않는 것에 주의하자!

 <script>
    let txt = "My name is Hyeppy";

    console.log(txt.slice(1, 3)); //name
    console.log(txt.slice(3, 1)); // 작동하지 않는다.
    console.log(txt.slice(2)); // name is Hyeppy
    console.log(txt.slice()); // My name is Hyeppy
 </script>

 

---

2. substring(시작인덱스, 종료인덱스) : 시작인덱스부터 종료인덱스-1까지 반환

* slice와 달리 substring은 시작 인덱스 값 > 종료 인덱스 값 이여도 작동한다!

<script>
    let txt = "My name is Hyeppy";

    console.log(txt.substring(0, 3)); // My 
    console.log(txt.substring(7, 3)); // name
    console.log(txt.substring(2)); // name is Hyeppy
</script>

---

 

3. substr(시작위치, 길이) : 시작인덱스부터 길이만큼 반환

* substr()은 명세에서 사라질 수 있기 때문에 slice, substring 사용을 권장한다고 한다!

<script>
    let txt = "My name is Hyeppy";

    console.log(txt.substr(3, 4)); // name
    console.log(txt.substr(txt.indexOf("n"), 4)); // name
</script>

---

4. replace(바꿀문자열, 바뀔문자열) : 문자열을 대체할 수 있다. 그러나 처음 나온 문자열 1개만 바꿀 수 있다.

 * 만약 모든 문자열을 대체하고 싶다면?

    1) /문자열/ => 정규표현식을 사용해 문자열을 슬래쉬로 감싸고, g(전역탐색,RegExp.prototype.global)을 사용한다.

       (정규 표현식 뒤의 "g"는 전체 문자열을 탐색해서 모든 일치를 반환하도록 지정하는 전역 탐색 플래그입니다.)

    2) repalceAll을 사용한다!

<script>
    let txt = "My name is Hyeppy Hyeppy";

    console.log(txt.replace("Hyeppy", "큐티")); // My name is 큐티 Hyeppy
    console.log(txt.replace(/"Hyeppy"/g, "큐티")); // My name is Hyeppy Hyeppy
    console.log(txt.replace(/Hyeppy/g, "큐티")); // My name is 큐티 큐티
    console.log(txt.replaceAll("Hyeppy", "큐티")); // My name is 큐티 큐티
</script>

---

5. includes(찾으려는 문자 or 문자열) : 문자 또는 문자열을 포함하고 있는지 확인할 수 있다.

* 찾는 문자열이 있다면 true, 없다면 false를 반환한다.

<script>
    let txt = "My name is Hyeppy Hyeppy";
     
    console.log(txt.includes("H")); // true
    console.log(txt.includes("Z")); // false
</script>

---

6. split(구분하려는 문자) : 문자열을 구분하려는 문자 기준으로 split 쪼개준다.

* split(" ") : 공백을 기준으로 문자열을 쪼개준다.

* split("-") : - 문자를 기준으로 문자열을 쪼개준다.

<script>
    let txt = "My name is Hyeppy Hyeppy";

    console.log(txt.split(" ")); // ['My', 'name', 'is', 'Hyeppy', 'Hyeppy']
    console.log("010-5044-2903".split("-")); // ['010', '5044', '2903']
</script>

---

7. trim() : 문자열 양 끝의 공백을 제거한다.

</script>        
    console.log("         abc"); //          abc
    console.log("         abc".trim()); // abc
    console.log("         a b c".trim()); // a b c
    console.log("         a b c              ".trim()); // a b c
</script>