Array.unshift();unshift 메서드는 인수로 전달받은 모든 값을 원본 배열의 앞부분에 요소로 추가하고 변경된 배열의 length 프로퍼티 값을 반환한다.
// 배열 선언
const arr = ['하나','둘','셋','넷'];
// 배열의 앞부분에 요소를 추가하고 result 변수에 값을 넣어준다.
let result = arr.unshift('영');
// arr.unshift(...) 의 리턴 값 확인
console.log(result); // 5
// arr 배열 요소 확인, 원본 배열을 직접 변경하는 것을 확인할 수 있다.
console.log(arr); // ['영','하나','둘','셋','넷']unshift 메서드는 원본 배열을 직접 변경하는 부수 효과가 있다.
원본을 변경해서 예상하지 못한 위험을 줄이기 위한 방법도 있는데
ES6의 스프레드 문법을 사용하는 것이다.
// 배열 선언
const arr = [1,2];
// ES6 스프레드 문법을 사용한 배열 요소 추가
let newArr = [-1,0, ...arr];
console.log(newArr); // [-1,0,1,2,3]이 방법은 함수의 호출 없이 요소를 추가할 수 있으며,
원본이 변경되어 발생하는 위험도 적다.
요약
1. unshift 메서드는 원본 배열을 직접 변경하고, 변경된 배열의 길이를 반환한다.
2. 원본 변경의 위험을 줄이고 싶으면 스프레드 문법을 사용하면 된다.
*오타 혹은 오류 지적해주시면 감사하겠습니다 !!
...