728x90
반응형
slice와 split은 모두 문자열에서 부분 값을 추출할 수 있지만
사용 목적과 상황에 따라 선택이 달라짐.
✅ 요약 비교
항목 | slice | split |
목적 | 위치 기반으로 부분 문자열 추출 | 구분자 기반으로 문자열 분리 |
반환값 | 문자열 (String) | 배열 (Array<String>) |
성능 | 일반적으로 더 빠름 | 구분자가 많으면 느릴 수 있음 |
유용한 경우 | 시작/끝 위치를 알고 있을 때 | 특정 문자/문자열로 나눌 때 (예: CSV 등) |
🔍 예제 비교: mrStm = "mrStm"일 때
1. split 사용
let mrStm = "mrStm";
let mrS = mrStm.split("Tm")[0]; // "mrS"
- 장점: "Tm"이라는 구분자 기준으로 나눌 수 있어서 가변 길이 문자열에도 적합
- 단점: 구분자가 없으면 예외 처리 필요
2. slice 사용
let mrStm = "mrStm";
let mrS = mrStm.slice(0, 3); // "mrS"
- 장점: 인덱스를 알면 단순하고 빠름
- 단점: 인덱스가 바뀌면 깨짐 → 문자열 길이 고정이 보장될 때만 안전
✅ 언제 slice가 좋을까?
- 문자열의 구조가 고정되어 있고
- 정확한 인덱스 범위를 알고 있을 때
- 성능이 중요한 경우 (slice가 split보다 빠름)
✅ 언제 split이 좋을까?
- 구분자(예: "_", ",", "Tm", "." 등)를 기준으로 나누고 싶을 때
- 문자열 길이가 가변적일 때
728x90
반응형
'Front > JS & jQuery' 카테고리의 다른 글
[js][ECharts] 데이터 명이 같아도 다른 데이터이면 다른색으로 표시 (파이차트) (0) | 2025.05.28 |
---|---|
[js] sessionStorage.setItem("document.referrer", ''); (0) | 2025.05.22 |
[js] dropzone chunking, forceChunking (0) | 2025.05.13 |
[jQuery] 모달 중복 열림 방지 (0) | 2025.05.12 |
[js] trythy / falsy란? (0) | 2025.04.10 |