배열

자바스크립트 배열은 특수한 객체 입니다. 일반적인 객체와 달리 배열 안에 있는 데이터에는 순서가 있고, 이 순서를 흔히 index 라고 부릅니다. 배열은 유용한 메서드를 많이 가진 대단히 강력한 데이터 타입입니다.

배열의 생성

• 배열 리터럴 표기법 (array literal syntax)

  const fruits = ['사과', '바나나', '딸기'];
  

• 배열 생성자 표기법 (array constructor syntax)

  const fruits = new Array('사과', '바나나', '딸기');
  

배열 접근

대괄호([])를 통하여 배열안의 값에 접근할 수 있다. 그리고 배열의 **index는 0부터 시작**한다.

const fruits = ['사과', '바나나', '딸기'];

console.log(fruits[0]);  // "사과"
console.log(fruits[1]);  // "바나나"
fruit[2] = '포도';
console.log(fruits[2]);  // "포도"

자주 사용하는 배열 API(프로퍼티, 메서드)

• **length - 배열의 길이**

  • 배열 길이 가져오기

    const fruits = ['사과', '바나나', '딸기'];
    console.log('fruits.length: ', fruits.length); // 3
    

  • 배열의 마지막 항목 가져오기

    const fruits = ['사과', '바나나', '딸기'];
    console.log('last item: ', fruits[fruits.length - 1]); 
    // last item:  딸기
    

• **push - 배열 끝에 항목 추가하기**

  const fruits = ['사과', '바나나', '딸기'];
  fruits.push('포도');
  fruits.push('오렌지');
  console.log('fruits: ', fruits);
  // ['사과', '바나나', '딸기', '포도', '오렌지']
  

• forEach - 배열의 항목을 순환하며 처리하기

  const fruits = ['사과', '바나나', '딸기'];
  fruits.forEach(function (item, index, array) {
    console.log(item, index)
  })
  // 사과 0
  // 바나나 1
  // 딸기 2
  

• **pop - 배열 끝에 항목 제거하기**

  const fruits = ['사과', '바나나', '딸기'];
  fruits.pop();
  console.log('fruits: ', fruits);   // ['사과', '바나나']
  

• **shift - 배열 앞에 항목 제거하기**

  const fruits = ['사과', '바나나', '딸기'];
  fruits.shift();
  console.log('fruits: ', fruits);   // ['바나나', '딸기']
  

• **unshift - 배열 앞에 항목 추가하기**

  const fruits = ['사과', '바나나', '딸기'];
  fruits.unshift('포도');
  fruits.unshift('오렌지');
  console.log('fruits: ', fruits);
  // ['오렌지', '포도', '사과', '바나나', '딸기']