JS 공부 (slice vs splice)

slice vs Splice

Slice : 문자열, 배열 모두 사용 (기본 문자열이나 배열이 바뀌지는 않는다.)
slice( A , B) => A 인덱스 위치부터 B-1 인덱스 위치까지

Splice : 배열에만 사용 (기본 배열에 영향을 끼친다.)
splice( A, B) => A 인덱스 위치부터 B개를 splice

사용법

1) 문자열에 slice

let a = 'abcde'
console.log(a.slice(0,2));	//'ab'
console.log(a);			//'abcde'

2) 문자열을 split을 통해 바꾼 배열에 splice

let b = 'abcde'
console.log(b.split('').splice(0,2);	//['a','b']
console.log(b);				//'abcde'

3) 배열에 slice

let c = ['a','b','c','d','e'];		
console.log(c.slice(0,2))		//['a','b']
console.log(c);				//['a','b','c','d','e']

4) 배열에 splice

let d =  ['a','b','c','d','e'];
console.log(d.splice(2,1))		//['c'] => 2번째 인덱스 부터 1개만큼 처리
console.log(d);				//['a','b','d','e']	=> 처리한 값을 제외한 나머지 

위의 예시 4개를 통해 우리는 splice의 경우 기본 주어진 배열에 영향을 주는 것을 알 수 있습니다.