맨날 헷갈려서 정리 ^.^
사실 각각 무슨 차이인지 이번에서야 제대로 알았다.
✂ substr, substring, slice 사용법
셋 다 비슷한데 조금씩 차이가 있다.
substr(시작) substr(시작, 길이) |
substring(시작) substring(시작, 종료) |
slice(시작) slice(시작, 종료) slice(-시작, -종료) |
- 시작값 위치에서 길이값만큼 가져온다. - 길이값이 음수면 반환값 없음 |
- 시작값이 끝값보다 크면 작은 숫자가 시작값으로 자동세팅 - 두 값 중 하나가 음수면 시작위치는 무조건 0 - 둘다 음수면 반환값 없음 |
※ substr() - 웹표준에서 제거된 건 아니지만 바람직하지 않아서 안쓰면 제거될 예정 (쓰지말자 ㅠ)
✂ split 사용법
split('문자') | split('') | split() |
'문자' 기준으로 나뉘어져서 배열 | 문자 수 만큼 배열 | 전체 배열 |
✂ substr, substring, slice, split 비교
const str = '개발하는 김테이의 개발블로그'
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
개 | 발 | 하 | 는 | 김 | 테 | 이 | 의 | 개 | 발 | 블 | 로 | 그 | ||
-15 | -14 | -13 | -12 | -11 | -10 | -9 | -8 | -7 | -6 | -5 | -4 | -3 | -2 | -1 |
substr | substring | slice | |
(6) | 테이의 개발블로그 | 테이의 개발블로그 | 테이의 개발블로그 |
(-9) | 테이의 개발블로그 | 개발하는 김테이의 개발블로그 | 테이의 개발블로그 |
(6, 8) | 테이의 개발블로 | 테이 | 테이 |
(-9, -7) | ' ' | ' ' | 테이 |
(-9, 7) | 테이의 개발블 |
개발하는 김테 | 테 |
split | |
(' ') | ['개발하는', '김테이의', '개발블로그'] |
('') | ['개', '발', '하', '는', ' ', '김', '테', '이', '의', ' ', '개', '발', '블', '로', '그'] |
() | ['개발하는 김테이의 개발블로그'] |
'🧠 저장 > Javascript' 카테고리의 다른 글
에러와 에러 객체 (0) | 2023.05.31 |
---|---|
옵셔널 체이닝 (optional chaining) (0) | 2023.05.26 |
파일 업로드 확장자 제한, 같은 파일 첨부 막기 (0) | 2022.12.13 |
localStorage에 JSON을 쓰는 이유 (0) | 2022.11.24 |
문서 객체 조작 (0) | 2022.11.14 |