👩‍💻공부/JavaScript

[JavaScript] substr()과 slice()

hhhhy 2023. 8. 17. 12:23

 substr(start, length) 

  • start: 시작 인덱스를 지정
  • length: 자를 문자의 길이를 지정

 

 slice(start, end) 

  • start: 시작 인덱스를 지정
  • end: 끝 인덱스를 지정(이 인덱스에 해당하는 문자는 포함하지 않음)

 

 substr()과 slice() 비교 

둘 다 start(시작 인덱스)가 0일 때는 값이 같음!

 

📍 star(시작 인덱스)가 0일 때

# 예시
let str1 = '문자열을 잘라보세요'
console.log(str1.substr(0,1));  // 문
console.log(str1.slice(0,1));  // 문
console.log(str1.substr(0,3));  // 문자열
console.log(str1.slice(0,3));  // 문자열
console.log(str1.substr(0,9));  // 문자열을 잘라보세
console.log(str1.slice(0,9));  // 문자열을 잘라보세


📍 star(시작 인덱스)가 1일 때

# 예시
let str1 = '문자열을 잘라보세요'
console.log(str1.substr(1,1));  // 자
console.log(str1.slice(1,1));  // 
console.log(str1.substr(1,3));  // 자열을
console.log(str1.slice(1,3));  // 자열
console.log(str1.substr(1,9));  // 자열을 잘라보세요
console.log(str1.slice(1,9));  // 문자열을 잘라보세