javascript 배열, 배열조작

deokyeong1020·2일 전
0

Array (배열)

배열은 대괄호([])로 감싸져 있습니다.

let a = [] 처럼 빈배열을 선언해주는 것도 가능하다.

이제 데이터가 있는 배열을 만들어보겠습니다.

let cities = ["서울", "대전", "대구", "부산", "광주", "제주도"];

"서울", "대전"과 같은 배열의 값, 하나하나를 Element(요소)라고 부릅니다.

요소와 요소 사이에는 쉼표로 구분합니다.

요소 자리에는 이제까지 배운 String, Number, Array, object 모두 가능합니다.

배열의 요소는 순서(index)를 갖고 있습니다.
주의해야 할 특징이 있다면 이 index는 1이 아니라 0부터 시작합니다.

배열 조작하기

요소추가

요소가 없는 배열을 선언해보겠습니다.

let cities = [];

cities라는 변수에 빈 배열을 할당해주었습니다.
그리고 아래와 같이 요소를 하나씩 추가할 수 있습니다.

cities[0] = "서울"; // ["서울"]
cities[1] = "대전"; // ["서울", "대전"]
cities[2] = "대구"; // ["서울", "대전", "대구"]

그리고 6번째 요소에 미리 "제주도"를 할당해볼까요?

cities[5] = "제주도";

왠지 차례대로 요소를 추가해야할 것 같지만,

이렇게 원하는 위치에 마음대로 요소를 할당할 수 있습니다.

하지만 중간 인덱스에 값을 할당하지 않는다면, undefined라고 나온다.

이로써 다음과 같이 총 6개의 요소가 있는 배열이 되었습니다.
["서울", "대전", "대구", undefined, undefined, "제주도"]

요소를 수정하고 싶을 때는 아래와 같이 배열의 인덱스에 접근하여 값을 할당하면 됩니다.

cities[5] = "포항";
console.log(cities[5]);

push/unshift함수

다른 방법으로도 요소를 추가 할 수 있습니다.

let cities = [];
cities.push("경주", "전주");
cities.unshift("인천");

push(), unshift() 함수는 요소를 추가해주는 함수입니다.
다만 요소들이 배열에 추가되는 위치가 다릅니다.

push는 array의 마지막 부분, 즉 꼬리에 요소들을 추가하고,
unshift는 array의 맨 앞부분, 즉 머리 부분에 요소를 추가합니다.

Array형에는 기본적으로 제공되는 내장 함수들이 많이 있습니다.
그 중에 방금 언급한 push, unshift가 있는 것입니다.

pop함수

요소를 제거 할 수도 있습니다.
cities.pop();
console.log(cities)

pop함수를 사용하면 마지막 요소가 제거되고, 마지막 요소의 값을 반환합니다.

let lastCity = cities.pop();
console.log(lastCity)

* 중요사항

array의 내장함수 pop,shift, push, unshift 는 검사목적이든 뭐든 원래 배열에 즉시 반영되어
새로운 배열이 된다.

profile
일일 개발 기록 블로그

0개의 댓글