javascript 문자열 자르기 [substr(), substring(), slice()]

자바스크립트에서 문자열을 자르기 위해 아래의 함수를 사용한다.

• substr()
• substring()
• slice()

---

※ substr()로 문자열 자르기

substr() 메서드는 문자열에서 특정 위치에서 시작하여 특정 문자 수 만큼의 문자들을 반환한다.

즉,  시작위치에서 몇개까지

const str = 'javascript';

console.log(str.substr(0, 3)) // 'jav';
console.log(str.substr(2, 5)) // 'vascr';
console.log(str.substr(4)) // 'script';

만약 음수가 주어진다면 뒤에서부터 자른다.

const str = 'javascript';

console.log(str.substr(-3)) // 'ipt';
console.log(str.substr(-3, 2)) // 'ip';

 

※ substring()로 문자열 자르기

substring() 메소드는 string객체의 시작 인덱스로 부터 종료 인덱스 전 까지 문자열의 부분 문자열을 반환한다.

const str = 'javascript';

console.log(str.substring(0, 3)) // 'jav';
console.log(str.substring(2, 5)) // 'vas';
console.log(str.substring(4)) // 'script';

substring() 음수 사용시 주의 사항

substring() 함수에서 인자에 음수(-)를 대입하면 음수는 "0"으로 치환된다. 또한 종료 위치가 음수라면 "0"으로 치환되고 첫번째 인자와 두번째 인자가 뒤바뀐다.

const str = 'javascript';

console.log(str.substring(0, -3)) // '';
// str.srubstring(0,0)
console.log(str.substring(-2, 5)) // 'javas';
// str.srubstring(0,5)
console.log(str.substring(-4)) // 'javascript';
//str.srubstring(0)
console.log(str.substring(2, -3)) // 'ja';
//str.srubstring(0, 2)

 

※ slice()로 문자열 자르기

slice() 메소드는 문자열의 일부를 추출하면서 새로운 문자열을 반환한다.

subsrting()과 사용법은 같지만, 차이점은 음수를 자유롭게 사용할 수 있다. 뒤에서부터 문자열을 자를때 유용하다.

const str = 'javascript';

console.log(str.slice(0, 3)) // 'jav';
console.log(str.slice(2, 5)) // 'vas';
console.log(str.slice(4)) // 'script';

console.log(str.slice(-3)) // 'ipt';
console.log(str.slice(-4, 8)) // 'ri';
console.log(str.slice(3, -2)) // 'ascri';