티스토리 뷰

// 배열의 메소드 (Array's Method)
let members = ['쿤갈레','Zerrard66','우리생각해써','흙토끼','End Miracle'];
console.log(members);

// splice(startIndex, deleteCount, item)
// 배열의 첫 요소를 삭제
members.splice(0,1);
// 배열의 마지막 요소를 삭제
members.splice(members.length -1,1);
// 배열의 첫 요소로 값 추가
members.splice(0, 0, 'NiceCodeit');
// 배열의 마지막 요소로 값 추가
members.splice(members.length, 0, 'NiceCodeit');
// 배열의 메소드 (Array's Method)
let members = ['쿤갈레','Zerrard66','우리생각해써','흙토끼','End Miracle'];
console.log(members);

// splice(startIndex, deleteCount, item)
// 배열의 첫 요소를 삭제 : shift()
members.shift();
// 배열의 마지막 요소를 삭제 : pop()
members.pop();
// 배열의 첫 요소로 값 추가 : unshift(value)
members.unshift('NiceCodeit');
// 배열의 마지막 요소로 값 추가 : push(value)
members.push('HiCodeit')

먼저 배열의 첫 요소를 삭제하는 메소드는 shift라는 메소드 입니다. shift 메소드는 파라미터가 없기 때문에 그냥 members.shift하고 메소드를 호출하면 배열의 가장 첫 요소를 삭제하고 나머지 요소들은 앞으로 밀어줍니다.

 

다음은 배열의 마지막 요소를 삭제하는 메소드 pop입니다. pop 메소드도 파라미터가 없기 때문에 members.pop하고 메소드를 호출하게 되면 배열의 마지막 요소가 삭제됩니다. 마지막 요소가 삭제되므로 순서가 변경되지는 않습니다.

 

다음은 배열의 첫 요소로 값을 추가하는 메소드 unshift입니다. 배열의 첫 요소를 삭제하는 shift와 반대로 unshift는 값을 추가해야 하기 때문에 메소드를 호출할 때 파라미터로 추가할 값을 전달해 주어야 합니다. 저장하고 실행해보면 배열에서 가장 첫 요소로 'NiceCodeit'을 추가한 다음 나머지 요소들은 뒤로 순서를 미룬 것을 확인할 수 있습니다.

 

마지막으로 배열의 마지막 요소로 값을 추가하는 메소드는 push입니다. 당연히 이 메소드도 어떤 값을 파라미터로 전달해 주어야 합니다. 저장하고 실행해보면 배열의 끝부분에 'Hicodeit'이 추가 된 것을 확인할 수 있습니다.

'프론트엔드 > JavaScript' 카테고리의 다른 글

[배열] 10. for...of 반복문  (2) 2022.10.10
[배열] 09. 배열 메소드 Tip  (0) 2022.10.09
[배열] 05. 배열 메소드 (1)  (0) 2022.10.07
[배열] 03. 배열 다루기  (0) 2022.10.06
[배열] 01. 배열  (1) 2022.10.05
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함