Front/JS & jQuery

[js] 문자열 추출 split/ slice

오선지♬ 2025. 5. 14. 19:53
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
반응형