30. [JavaScript] 배열(Array)

배열은 대괄호로 묶어주고 쉼표로 구분해서 만들 수 있습니다.

let students = ['철수','영희',...'영수'];

 

배열을 탐색할 때는 고유번호를 사용합니다.

이를 인덱스(index)라고 합니다. 

인덱스는 0번부터 시작합니다.

 

배열 데이터 출력하기

아래와 같이 사용하여 배열에 있는 데이터를 꺼내올 수 있습니다.

console.log(students[0]); // 철수
console.log(students[1]); // 영희

 

배열 데이터 수정하기

아래 코드를 이용하면 첫 번째 데이터를 '철수'에서 '민정'으로 수정할 수 있습니다.

students[0] = '민정';
console.log(students[0]); // 민정

 

배열의 특징

배열은 문자 뿐만 아니라, 숫자, 객체, 함수 등도 포함할 수 있습니다.

let arr = [
  '민수',
  3,
  false,
  {
    name:'Mike',
    age:30
  },
  function(){
    console.log('test');
  }
];

 

length : 배열의 길이를 구할 수 있습니다.

let arr = ['철수','영희','민호'];

console.log(arr.length); // 3

 

push() : 배열 끝에 추가

let days = ['월','화','수'];
days.push('목');
console.log(days); // ["월","화","수","목"]

 

pop() : 배열 끝 요소 제거

let days = ['월','화','수'];
days.pop();
console.log(days); // ["월","화"]

 

shift, unshift 배열 앞에 제거/ 추가

let days = ['월','화','수'];
days.unshift('일');
console.log(days); // ["일","월","화","수"]

days.shift();
console.log(days); //["월","화","수"]

 

shift, unshift는 여러 요소를 한 번에 추가할 수도 있습니다.

let days = ['월','화','수'];
days.unshift('금','토','일');
console.log(days); // ["금","토","일","월","화","수"]

days.shift();
console.log(days); // ["토","일","월","화","수"]

 

반복문 : for

배열을 쓰는 가장 큰 이유는 하나는 반복을 위해서 입니다.

let days = ['월','화','수'];

for(let i = 0; i<days.length; i++){
  console.log(days[i]); // 월 화 수
}

 

반복문 for ... of

객체를 순회하는 for ... in과 헷갈리지 않게 주의해주세요.

물론 배열도 for ... in을 사용할 수 있지만 장점보다 단점이 많기 때문에 권장하지 않습니다.

배열은 for ... of를 사용할 것을 권장합니다.

for문보다는 간단하지만 index를 알 수 없다는 단점이 있습니다.

let days = ['월','화','수'];

for(let day of days){
  console.log(day); // 월 화 수
}