[JavaScript 문자열 자르기] 문자열 자르기 예시 (substr, substring, slice, split, charAt, charAtCodeAt)

 

자바 스크립트 문자열 자르기

코딩 테스트를 풀다보니 문자열을 잘라야 하는 과정이 참 많은 것 같다. 실제로 프로젝트에서도 많이 쓰긴 하지만 보통 substr, substring을 개발자 도구에서 적용해보면서 코딩을 하다보니 실제적으로 아는게 적은 것 같아서 한번 정리해 보려고 한다. 

 

substring(startIndex, endIndex): 지정된 시작 인덱스에서 끝 인덱스 전까지 문자열을 추출합니다.

const str = 'Hello, world!';
const subStr = str.substring(0, 5); // 'Hello'

🔹 startIndex: 추출을 시작할 인덱스. (필수 매개변수)
🔹 endIndex: 추출을 끝낼 인덱스 바로 직전까지. (선택 매개변수, 생략하면 문자열의 끝까지 추출)

 

substr(startIndex, length): 지정된 시작 인덱스부터 지정된 길이만큼 문자열을 추출합니다.

const str = 'Hello, world!';
const subStr = str.substr(0, 5); // 'Hello'

🔹startIndex: 추출을 시작할 인덱스. (필수 매개변수)
🔹length: 추출할 문자열의 길이. (선택 매개변수, 생략하면 문자열의 끝까지 추출)

 

slice(startIndex, endIndex): 지정된 시작 인덱스에서 끝 인덱스 전까지 문자열을 추출합니다. 

const str = 'Hello, world!';
const subStr = str.slice(-6); // 'world!'

🔹startIndex: 추출을 시작할 인덱스. (필수 매개변수)
🔹endIndex: 추출을 끝낼 인덱스 바로 직전까지. (선택 매개변수, 생략하면 문자열의 끝까지 추출)
🔹startIndex, endIndex에 음수 값 사용 가능. 음수 값은 문자열 끝에서부터 역순으로 인덱싱 됨.

 

split(separator, limit): 문자열을 지정된 구분자로 분리하여 문자열 배열로 반환합니다. 

const str = 'apple,banana,grape';
const arr = str.split(','); // ['apple', 'banana', 'grape']

🔹separator: 구분자 문자열. (필수 매개변수)
🔹limit: 구분자를 기준으로 문자열을 최대 몇 개까지 분리할지 지정. (선택 매개변수, 생략하면 모든 구분자를 기준으로 분리)

 

charAt(index): 지정된 인덱스에 해당하는 문자를 반환합니다.

const str = 'Hello, world!';
const char = str.charAt(0); // 'H'

🔹index: 반환할 문자의 인덱스. (필수 매개변수)

 

charAtCodeAt(index): 지정된 인덱스에 해당하는 문자의 유니코드 값을 반환합니다.

const str = 'Hello, world!';
const code = str.charCodeAt(0); // 72

🔹index: 반환할 문자의 인덱스. (필수 매개변수)
🔹반환값: 유니코드 값