배열 맨 앞에 값을 추가하고 싶다면 어떻게 해야 할까요? 배열[0] = 값;이라고 생각할 수도 있지만, 원하는 결과가 나오지 않습니다.

const target = ['나', '다', '라', '마', '바'];
target[0] = '가';
target; // (5) ['가', '다', '라', '마, '바']

원한 결과는 ['가', '나', '다', '라', '마, '바']였습니다. 그런데 맨 앞에 새로운 요소가 추가되지 않고 첫 번째 요소가 변경돼 버렸습니다. 얼떨결에 요소를 수정하는 방법을 배웠네요. 원래 원하던 대로 배열의 맨 앞에 새로운 요소를 추가하려면 unshift()라는 기능을 사용해야 합니다.

const target = ['나', '다', '라', '마', '바'];
target.unshift('가');
target; // (6) ['가', '나', '다', '라', '마, '바']

unshift()의 소괄호 안에 주어진 값이 배열의 첫 번째 요소로 추가되고, 다른 요소들은 인덱스가 하나씩 뒤로 밀립니다.