초급의 끄적거림

[JavaScript] slice(), substring(), substr(), split() 본문

프론트엔드/JavaScript

[JavaScript] slice(), substring(), substr(), split()

codingD 2022. 12. 11. 22:35

개인적으로 잘라내서 반환하는 함수가 헷갈리는 부분이 있어서 정의에 대해 정리하려고 한다.

 

1. slice()

  • slice(시작위치, 종료위치) : 시작위치와 종료위치를 기준으로 문자열에서 해당 부분을 잘라서 반환한다
  • slice(시작위치) : 종료 위치를 생략할 경우, 시작위치부터 문자열의 마지막까지 잘라서 반환
  • slice(음수) : 문자열의 끝에서부터 거꾸로 읽어서 반환
let str = "Apple, Banana, Kiwi";
let res = str.slice(7, 13);			//Banana

let str = "Apple, Banana, Kiwi";
let res = str.slice(7);			//Banana, Kiwi

let str = "Apple, Banana, Kiwi";
let res = str.slice(-12);			// Banana, Kiwi

 

2. substring()

  • slice()함수와 동일한 기능을 하지만 음수를 허용하지 않음
let str = "Apple, Banana, Kiwi";
let res = str.substring(7, 13);			//Banana

 

3. substr() 

  • slice() 함수와 유사하지만 파라미터의 정의에서 차이가 있다
  • substr(시작위치, 잘라낼 문자의 길이) : 두 번째 파라미터가 시작위치에서부터 잘라내고자하는 문자의 길이에 해당
  • substr(시작위치) : 두 번째 파라미터를 생략할 경우, 문자열의 마지막까지 반환
  • substr(음수) : 문자열의 맨 마지막에서부터 거꾸로 읽음
let str = "Apple, Banana, Kiwi";
let res = str.substr(7, 6);			//Banana

let str = "Apple, Banana, Kiwi";
let res = str.substr(7);			//Banana, Kiwi

let str = "Apple, Banana, Kiwi";
let res = str.substr(-12);			//Banana, Kiwi

 

4. split()

  • 문자열 내의 특정 구분자를 기준으로 문자열을 분리하여 배열로 리턴
let birth = "1994-12-24";
let arr = birth.split("-"); //["1994", "12", "24"]
Comments