본문 바로가기

Frontend/jQuery & JSTL

[JavaScript] substr(), substring(), slice() 비교

반응형

 

  parameter start > end start 또는 end가 음수
string.substr(start, length) 시작 인덱스와 길이    
string.substring(start, end) 시작 인덱스와 종료 인덱스 end, start로 바꿔서 실행 음수인 값을 0으로 취급
string.slice(strat, end) 시작 인덱스와 종료 인덱스 공백("") 리턴 사이클 돌아서 계산(아래 예제)

 

-6 -5 -4 -3 -2 -1
0 1 2 3 4 5
?
len str = "안녕하세요?"

len substing_1 = str.substring(0,6);
// result : 안녕하세요?
len substing_2 = str.substring(0,5);
// result : 안녕하세요
len slice_1 = str.substring(0,6);
// result : 안녕하세요?
len slice_2 = str.substring(0,5);
// result : 안녕하세요
len slice_3 = str.substring(-2,6);
// result : 요?
len slice_2 = str.substring(0,-2);
// result : 안녕하세

 


 

String 기본 함수 에러

Uncaught TypeError: Cannot read property 'toString' of undefined
Uncaught TypeError: Cannot read property 'substring' of undefined
Uncaught TypeError: Cannot read property 'substr' of undefined

강제 형변환(?)으로 해결

// 에러 발생
len sampleData = data;
len dataHead = sampleData.substr(0,2);

// 해결 방법 강제로 String타입이라고 떠먹여줌
len sampleData = ''+data;
len dataHead = sampleData.substr(0,2);

 

 

반응형

'Frontend > jQuery & JSTL' 카테고리의 다른 글

[JSP] Page Forward / Include  (0) 2024.02.20
[JavaScript] Ajax 사용법  (0) 2024.02.20
[JavaScript] 숫자 표현  (0) 2024.02.20
[JavaScript] 변수 선언 및 정의  (0) 2024.02.20
SGIS연동  (0) 2024.02.19