자바스크립트 splice , reverse , flat

 

 

 

splice 참고자료 

JavaScript - 배열 splice() 사용법 및 예제

위 자료를 보고 공부한 글 입니다.

 

Splice

1. 요소를 제거하지 않고 2번 index에 '아무무', '알리스타' 추가

splice의 파라미터는 (타겟 index, 제거할 요소 수, 추가할 요소) 로 구성된다.

다음예제는 index 2 부터 시작되는데 요소가 추가되면 해당 index 요소를 밀어내고 추가되는 요소가 들어간다.

const LOL = ['아리', '나미', '브랜드', '페이커'];

const removed = LOL.splice(2, 0, '아무무', '알리스타');

console.log(LOL);
// [ '아리', '나미', '아무무', '알리스타', '브랜드', '페이커' ]

console.log(removed);
// [];

 

2. 2번 index에서 1개 요소 제거

아래 코드에서 유의해야할 점은 splice를 사용한 배열에 요소가 제거된 배열이 리턴된다는 것입니다.

쉽게말하면 기존에 배열에 바로 적용이 되어 리턴 된다는 것입니다.

removed 변수에는 제거된 요소가 저장이 됩니다.

const fruits = ['수박', '바나나', '망고', '두리안'];

const removed = fruits.splice(2, 1);

console.log(fruits);
// ['수박', '바나나', '두리안'];

console.log(removed);
// ['망고'];

 

3. 1번 index에서 2개 요소 제거 후 '멜론' 추가

const fruits = ['수박', '바나나', '망고', '두리안'];

const removed = fruits.splice(1, 2, '멜론');

console.log(fruits);
// ['수박', '멜론', '두리안'];

console.log(removed);
// ['바나나', '망고'];

 

4. 끝에서 2번째 요소부터 2개의 요소를 제거

const fruits = ['수박', '바나나', '망고', '두리안'];

const removed = fruits.splice(-2, 2);

console.log(fruits);
// ['수박', '바나나'];

console.log(removed);
// ['망고', '두리안'];

 

5. 1번 index 포함 이후의 모든 요소 제거

const fruits = ['수박', '바나나', '망고', '두리안'];

const removed = fruits.splice(1);

console.log(fruits);
// ['수박'];

console.log(removed);
// ['바나나', '망고', '두리안'];

 

reverse

reverse는 자바스크립트에서 배열을 반대로 뒤집는 함수이다.

const array1 = ['a', 'b', 'c', 'd'];
console.log(array1); // a, b, c, d

const reverse1 = array1.reverse();
console.log(reverse1); // d, c, b, a

 

flat

https://smilehugo.tistory.com/entry/javascript-flat-function

자바스크립트 JavaScript flat() 함수