Web/Javascript

[Javascript] 배열

동띵 2022. 3. 26. 14:29

배열: 연관성 있는 것들의 리스트

 

배열 선언 방법: [], new Array 사용1) const travel_spot = ['방콕', '뉴욕', '파리'];2) const travel_spot = new Array('방콕', '뉴욕', '파리');3) 빈 배열 선언 후 값 추가const travel_spot = []; (const travel_spot = new Array();)travel_spot[0] = '방콕';travel_spot[1] = '뉴욕';travel_spot[2] = '파리';

 

배열 접근: index 사용 (0부터 시작)

 

배열 추가 - push, unshift, splice

(const 사용 시 재할당 불가능 but 기존 배열 수정하는 것은 가능)

 

push: 배열 뒤에 원소 추가 (반환 값: 새로운 배열의 길이)travel_spot.push('토론토', '퀘벡'); 

 

unshift: 배열 앞에 원소 추가 (반환 값: 새로운 배열의 길이)

travel_spot.unshift('바르셀로나');

 

splice: 원하는 지점에 원소 추가 (반환 값: 빈 배열인 [])

splice(시작 index, 삭제하고 싶은 원소의 개수, 추가하고 싶은 원소);

* 시작 index 앞에 추가되는 것임!

 

ex) 파리와 토론토 사이에 원소 추가하기

travel_spot.splice(4, 0, '멜버른', '아테네');

배열 삭제 - pop, shift, splice

(원소 하나만 삭제됨)

 

pop: 맨 뒤 원소 하나 삭제 (반환 값: 삭제된 원소)

travel_spot.pop();

 

shift: 맨 앞 원소 하나 삭제 (반환 값: 삭제된 원소)

travel_spot.shift();

 

splice: 원하는 지점에 원소 삭제 (반환 값: 삭제된 원소)

splice(시작 index, 삭제하고 싶은 원소의 개수, 추가하고 싶은 원소);

* 시작 index에서 삭제하고 싶은 원소의 개수만큼 삭제됨

 

ex) 멜버른부터 토론토까지 삭제하기

travel_spot.splice(3, 3);

 

ex) 뉴욕 삭제하고 이스탄불과 하노이 추가하기

travel_spot.splice(1, 1, '이스탄불', '하노이');

* splice로 원소 추가와 삭제를 동시에 할 때 반환 값: 삭제된 원소


강의 출처: 컴공 선배

'Web > Javascript' 카테고리의 다른 글

[Javascript] 반복문  (0) 2022.03.26
[Javascript] 조건문  (0) 2022.03.26
[Javascript] 함수  (0) 2022.03.26
[Javascript] 객체  (0) 2022.03.26
[Javascript] 변수, 자료형, 연산자  (0) 2022.03.26