12. 배열

방은혜·2024년 12월 10일

JavaScript

목록 보기
12/15

! 배열이란 무엇인지, 왜 선언하는지, 어떻게 선언하는지,알아보자.

  • 배열도 객체의 일부이다. 그렇지만 객체와 똑같지는 않다.
  • 객체와 차이점: 순서대로 나열되어 있다.

가방들 = ['캐리어', '메신저 백', '책가방 ']

  • 객체는 key와 value가 한쌍인 property.

  • key를 통해 value를 얻어낼 수 있기 때문에. -> 객체의 property는 순서가 중요하지 않다.

  • 배열은 값이 일렬로 나열 n번째 데이터로 지목.-> 순서가 중요한 데이터들의 모음에서도 많이 사용함.

⚠️ 위의 내용 정리

  • 배열은 요소가 순서를 유지하는, 특수한 형태의 객체
  • 일반 객체는 키를 통해 값에 접근하고, 배열은 인덱스를 통해 요소에 접근한다.

1. 배열[arry]

  • 순서가 있는 데이터를 저장할때 쓰는 자료구조
  • 여러 타입의 데이터를 저장할 수 있다.
  • 배열에 저장된 데이터를 요소라고 하며, 요소의 위치는 인덱스(index)라고 한다.
  • 인덱스는 0부터 시작하는 정수다.
  • 대괄호( [] ) 안에 인덱스 번호를 작성해 해당 요소에 접근할 수 있다.
const mixedArray = ['Hello', 42, true, { name: 'John', age: 30 }];

console.log(mixedArray);
// 결과
[ 'Hello', 42, true, { name: 'John', age: 30 } ]

2. 배열의 생성

  • 배열은 ‘ [ ] ‘ 또는 new Array()로 생성할 수 있다.
const array1 = new Array();
const array2 = []; ->이 방법을 주로 사용!

3. 인덱스로 요소에 접근하기

  • 인덱스를 이용해 배열의 요소에 접근하는 것을 ‘인덱싱’이라고 한다.
  • 배열의 마지막 인덱스는 ‘배열의 전체 길이 - 1’이다.
const seasons = ['spring', 'summer', 'autumn', 'winter'];

console.log(seasons[0]);
console.log(seasons[3]); 
// 결과
spring
winter

객체와 다른점
1. 중괄호{} 아닌 대괄호[]
2. 순서대로 나열
객체와 비슷하면서도 목적과 문법이 다르다는 점.

0개의 댓글