문자열 추출하기

문자열의 일부를 추출하는 방법에는 3가지가 있다.

 

• slice(start, end)
• substring(start, end)
• substr(start, lenght)

 

slice

문자열의 일부를 추출하고 추출된 부분을 새 문자열로 반환

이 메서드는 시작 위치와 끝 위치의 2가지 매개변수를 사용한다.

 

<p id="demo"></p>

<script>
let str = "Apple, Banana, Kiwi";
let part = str.slice(7, 13);
document.getElementById("demo").innerHTML = part;
</script>

실행결과

Banana

0번째 부터 시작 해서 7번째 글자 부터 시작 그래스 "B"부터 시작해서 13번째 앞까지 해서 Banana가 추출 된다.

 

---

 

만약 매개변수 값이 음수이면 문자열 끝에서부터 계산하게 된다.

<p id="demo"></p>

<script>
let str = "Apple, Banana, Kiwi";
document.getElementById("demo").innerHTML = str.slice(-12,-6);
</script>

실행결과

Banana

이번에는 매개변수로 음수값이 들어왔기 때문에 끝부분 부터 시작해서 12번째 B부터 끝에서 6번째 앞 부분까지 숫자를 세서 Banana라는 결과를 얻게 된다. 

 

 

---

 

 

매개변수를 하나만 넣을 경우

let part = str.slice(7);

실행결과

Banna, Kiwi

7번째 부터 끝까지 추출한다.

 

 

 

 

substring()

slice()와 비슷한데 차이점은 0보다 작은 시작 또는 끝값을 넣을 경우 0으로 처리 된다.

<p id="demo"></p>

<script>
let str = "Apple, Banana, Kiwi";
document.getElementById("demo").innerHTML = str.substring(-1,5);
</script>

실행결과

Apple

시작값으로 지정한 -1은 0보다 작기 때문에 0으로 처리 된다.

 

 

 

substr()

slice()와 비슷한데 차이점은 2번째 파라미터가 추출된 부분의 길이를 나타낸다는 점이다.

let str = "Apple, Banana, Kiwi";
let part = str.substr(7, 6);

실행결과

Banana

7번째 부터 6개 문자를 반환한다.

 

---

 

 

첫 번째 매개변수가 음수일 경우

let str = "Apple, Banana, Kiwi";
let part = str.substr(-4);

실행결과

Kiwi

문자열의 끝에서 부터 계산 끝에서부터 4번재 위치에서 부터 두번째 매개변수를 생략했기 때문에 끝까지 추출

 

 

 

 

 

 

 

 

 

출처 : https://www.w3schools.com/js/js_string_methods.asp