JavaScript 문자열 메서드 치트시트
slice, replace, split, trim, includes 등 자주 쓰는 자바스크립트 문자열 메서드를 용도와 예제로 정리한 치트시트입니다.
문자열은 불변(immutable) 이라 모든 메서드는 원본을 바꾸지 않고 새 문자열을 반환합니다.
자르기 · 추출
| 메서드 | 용도 | 예 |
|---|---|---|
slice(s, e) | 부분 추출(음수 가능) | 'hello'.slice(1, 3) → 'el' |
substring(s, e) | 부분 추출(음수 불가) | 'hello'.substring(1, 3) → 'el' |
at(i) | 인덱스 글자(음수 가능) | 'hello'.at(-1) → 'o' |
찾기
'hello world'.includes('world'); // true
'hello'.indexOf('l'); // 2 (없으면 -1)
'hello'.startsWith('he'); // true
'hello'.endsWith('lo'); // true
변환
| 메서드 | 효과 |
|---|---|
toUpperCase() / toLowerCase() | 대소문자 |
trim() / trimStart() / trimEnd() | 공백 제거 |
padStart(n, '0') | 앞을 채워 길이 맞춤 |
repeat(n) | 반복 |
'5'.padStart(3, '0'); // '005'
치환 · 분할
'a,b,c'.split(','); // ['a', 'b', 'c']
'2026-06-09'.replaceAll('-', '/'); // '2026/06/09'
'aaa'.replace('a', 'b'); // 'baa' (첫 번째만)
'aaa'.replace(/a/g, 'b'); // 'bbb' (정규식 g로 전체)
배열로 바꿔 가공한 뒤 다시 합칠 때는
split→map→join패턴을 자주 씁니다. 정규식 활용은 정규식 테스터에서 연습해 보세요.