자바스크립트 배열(Array)

하나의 값을 저장하는 변수는 대량의 데이터를 처리하기엔 불편하다. 그래서 배열(Array) 자료형을 사용하여 하나의 변수에 여러 개의 값을 분리하여 저장할 있어 가독성이 높아지는 장점을 지니고 있다.

  
let arr = ['apple', 'banana'];
console.log(arr[1]);  // banana
console.log(arr);  // ['apple', 'banana']

배열의 특징

자바스크립트는, 명시적인 배열 자료형이 없고, 자바스크립트 객체의 일종으로 취급된다. 즉, 특화시킨 객체형 배열로 취급된다.
- typeof로 타입을 확인했을 때, 결과가 객체의 타입과 동일하게 object 로 나타난다.
다양한 데이터 타입의 배열 요소다.
동적으로 크기 조절도 가능하다. (가변 객체, Mutable)
배열은 크기(length) 프로퍼티가 존재하지만, 객체는 length 프로퍼티가 존재하지 않는다.
요소가 순서대로 저장한다.
배열은 순서로써 접근 가능하지만, 객체는 순서없이 키로만 접근된다.

let arr = [1, 2, 3, 4, 5];

let arr = new Array(1, 2, 3, 4, 5);

ES6부터 도입된 방법 Array.of() : 전달된 이수를 요소로 갖는 배열을 생성 Array.from() : 유사배열객체 또는 이터러블객체를 인수로 전달받아 배열로 변환시켜 배열 생성

배열 접근은 1이 아닌 0부터 시작하므로0 번째 요소 arr[0] 로 각 요소에 접근한다.

자바스크립트는 객체 기반 프로그래밍 언어다. 자바스크립트를 구성하는 것의 대부분은 개체라고 볼 수 있다.

원시형 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등) 모두 객체다.

  
const obj = {
	name: 'apple',
  	color: 'red',
  	age: 20
};

property : 객체의 상태를 나타내는 값(data) method : property

  
const obj = {
	name: function(name, color) {
    	return `저의 이름은 ${name}이고, 색상은 ${color} 입니다.`;
    }
}

Reference

CODESTATES (SEB_FE_43)