const blue = '파란색';
const red = '빨간색';
const yellow = '노란색';
const black = '검은색';

배열을 사용하면 많은 변수를 생성하지 않고, 하나의 변수에 모든 데이터를 갖고 있을 수 있다. 배열은 대괄호([])로 감싸져 있고 index로 순서가 있다.

const color = ['파란색', '빨간색', '노란색', '검은색']

이렇게 작성 후

color[0] = '파란색'
color[2] = '노란색'

이렇게 불러올수있다.

배열의 요소 수정하기

수정하기

color[2] = '초록색'

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

추가하기

push 메소드

push는 배열의 마지막 부분, 즉 꼬리에 요소들을 추가한다.

unshift 메소드

unshift는 배열의 맨 앞부분, 즉 머리 부분에 요소를 추가한다.

제거하기

1.마지막 요소 제거하기

const color = ['파란색', '빨간색', '노란색', '검은색', '초록색'];

color.pop(); 을 쓰면 마지막 요소가 제거된다.

consloe.log(color);
['파란색', '빨간색', '노란색', '검은색']

2.첫번째 요소 제거하기

const color = ['파란색', '빨간색', '노란색', '검은색'];
color.shift(); 을 쓰면 첫번째 요소가 제거된다.
consloe.log(color);
['빨간색', '노란색', '검은색']

3.index x 번째 요소로부터 index y 번째 요소까지 제거하기

splice

배열에서 특정항목을 제거할때 사용

splice(index, deleteCount)

const color = ['파란색', '빨간색', '노란색', '검은색', '초록색'];

color.splice(2,2); 을 쓰면 index가 2인 노란색 부터 검은색까지 제거된다.

consloe.log(color);
['파란색', '빨간색', '초록색'];

slice

slice로 값들을 가져오면, 기존 배열은 아무 영향이 없습니다.

slice(startNumber, endNumber)

배열의 모든 요소 출력하기

const color = ['파란색', '빨간색', '노란색', '검은색', '초록색'];
let i = 0;
while (i < color.length){
  consloe.log(color[i]);
  i++
}
'파란색,
'빨간색'
'노란색'
'검은색'
'초록색'