배열 메소드(수정, 조회)

배열의 요소를 수정하기 위해서는 요소에 해당하는 인덱스를 수정할 수 있으며

예를 들면,

const target = ['가', '나', '다', '라'];

target[0] = 'a'; console.log(target);

(4) ['a', '나', '다', '라']

의 반환값으로 나타난다. 이는, 인덱스 0에 위치해있던 ‘가’ 값이 ‘a’로 변한 것이다.

 

마지막에 위치한 요소를 제거하고 싶다면 ‘pop’을 사용할 수 있으며

예를 들면,

const target = ['가', '나', '다', '라', '마'];

target.pop();

console.log(target);

(4) ['가', '나', '다', '라']

로 나타낼 수 있다.

 

처음에 위치한 요소를 제거하고 싶다면 ‘shift’를 사용하여

예를 들면,

const target = ['가', '나', '다', '라']

target.shift();

console.log(target); (3) ['나', '다', '라']

와 같이 나타날 수 있다.

 

중간의 요소를 제거하고 싶다면 ‘splice’ 기능을 사용할 수 있으며

이는

const target = ['가', '나', '다', '라', '마'];

target.splice(1, 1);

['나'] target

(4) ['가', '다', '라', '마']

와 같이 나타날 수 있는데, ‘(1, 1)의 첫번째 1 부분은 인덱스 넘버 1을 말하며 뒤의 1은 인덱스 넘버 위치로부터 1개 만을 뜻한다.

예를 들어, (4) ['가', '다', '라', '마']의 ‘다’와 ‘라’ 요소를 제거하고 싶다면 target.splice(2, 2); console.log(target); (2) ['가', '다']

와 같이 나타날 수 있다.

 

만약, 뒷부분에 숫자를 적지 않는다면 해당 위치로부터의 요소들은 전부 제거된다.

예를 들어,

const target = ['가', '나', '다', '라', '마']; target.splice(1); console.log(target); ['가']

와 같이 나타난다.

또한 배열의 요소를 변경할 수 있으며

예를 들어,

const target = ['가', '나', '다', '라', '마'];

target.splice(1, 2, 'B' ,'C');

console.log(target);

(5) ['가', 'B', 'C', '라', '마']

와 같이 나타낼 수 있다. 이는 인덱스 넘버의 1 뒤의 요소를 2개 제거하고 2개의 요소를 새로 추가한 모습이다.

또한 배열을 제거하지 않고 중간에 요소만 추가하고 싶을 때는

const target = ['가', 'B', 'C', '라', '마'];

target.splice(1, 0, 'A');

console.log(target);

(6) ['가', 'A', 'B', 'C', '라', '마']

와 같이 표현할 수 있으며, 이는 인덱스 넘버 1번 뒤에 아무 요소도 제거하지 않고 새로운 요소를 추가한 모습이다.