splice, slice, split, substr

너무 헷갈려서 정리해보려고 한다!

함수	설명
splice()	배열의 특정 범위를 삭제하거나 새로운 값을 추가 및 대체하는 함수
slice()	특정 범위를 복사한 값들을 담은 새로운 배열을 만드는 함수
split()	문자열을 일정한 구분자로 잘라서 배열로 저장
substr()	문자열의 일부를 일정 길이만큼 추출하고 싶을 때
substring()	문자열 시작과 종료 인덱스를 기준으로 자름

---

splice()

Array.splice(a,b)

• Array 배열을 인덱스 a번부터 b 개 삭제

Array.splice(a,0,c,d,e)

• Array 배열에서 아무것도 삭제하지 않고 c,d,e 추가

Array.splice(a)

• Array 배열에서 인덱스 a번을 포함한 배열의 마지막 값까지 삭제
  *Array.splice(0) -> Array=[]

함수 호출 시 기본 배열을 수정함

---

slice()

Array.slice(a,b)

• Array 배열에서 인덱스 a번부터 인덱스 b번 앞까지를(인덱스 b번 포함 x) 복사한 값을 담은 새로운 배열 생성

Array.slice(a)

• Array 배열에서 인덱스 a번부터 마지막 값을 복사한 값을 담은 새로운 배열 생성

Array.slice()

• Array 배열에서 모든 값을 복사한 값을 담은 새로운 배열 생성

아무리 많이 호출하여도, 기본 배열을 건들지 않음

---

split()

• 문자열을 특정 문자를 기준으로 나누어 배열로 바꿀 때 사용하는 함수

String.split("a")

• String 문자열을 a 기준으로 나눈 후 배열로 변환

※ 구분자와 원본 문자열이 동일한 경우

const sentence = "안녕";
const words = sentence.split("안녕");
console.log(words); 

출력 : ["",""]

---

substr()

• 문자열의 일부를 일정 길이만큼 추출하고 싶을 때

String.substr(a,b)

• String 문자열의 인덱스 a번으로 시작하여 b 길이만큼 잘라냄

String.substr(a)

• String 문자열의 인덱스 a번부터 마지막 문자열까지 추출

※ 음수를 인자로 전달 시 마지막 인덱스부터 절댓값으로 셈
ex) -5 전달 -> 끝에서 5번째 문자

---

substring()

• 문자열을 특정 인덱스 기준으로 자름

String.substring(a,b)

• String 문자열을 인덱스 a번부터 인덱스 b번 앞까지(b 포함x) 자름

String.substring(a)

• String 문자열을 인덱스 a번부터 마지막 문자열까지 추출 (substr()과 동일함)

---

헷갈리지 말자!