JavaScript-객체(Object)와 배열(Array)

객체(Object)

객체란 무엇인가?

컴퓨터 분야에서 객체란 클래스에서 정의한 것을 토대로 메모리(실제 저장공간)에 할당된 것으로 프로그램에서 사용되는 데이터 또는 식별자에 의해 참조되는 공간을 의미하며, 변수, 자료 구조, 함수 또는 메소드가 될 수 있다.

 

사전적인 의미는 이렇다.

 

딱보면 이해하기 어렵고 뭔가 복잡하지만 간단하게 말하면 "코드로 정의해 놓은 특정 물체, 물건, 대상"이다. 그리고 이런 객체들은 주로 데이터를 주고 받기 위해 쓰인다.

 

let roles = {
  programmer: "egoing",
  desiger: "k8805",
  manager: "hoya",
};

C#이나 자바에서는 주로 클래스(class)라고 부르는 것을 이용해서 객체를 표현하지만 자바스크립트에서는 위 같은 형태의 코드를 통해 객체를 표현한다.(물론 자바스크립트도 class가 없지는 않다....)

 

자바스크립트의 객체는 속성(property)을 가지고 있으며 속성은 ':'를 기준으로 왼쪽에 있는 key와 오른쪽에 있는 value값으로 나눌 수 있다.

 

속성(property)

// programmer: "egoing", desiger: "k8805", manager: "hoya",

 

Key와 Value

//키 programmer, desiger, manager
//값 "egoing", "k8805", "hoya"

 

사용방법

// roles 이라는 객체 선언
let roles = {
  programmer: "egoing",
  desiger: "k8805",
  manager: "hoya",
};

console.log(roles.programmer) //"egoing" 를 출력
console.log(roles['programmer']) //"egoing" 를 출력

두 가지 방식으로 객체가 가진 key를 이용해 객체가 가진 value를 얻을 수 있다.

 

배열(Array)

자바스크립트에서 배열은 다른 언어들과 같이 여러 값을 하나의 변수에 저장할 수 있는 데이터 구조를 말한다. 하지만 다른 언어와 차이점은 데이터 타입에 상관없이 데이터들을 하나의 변수에 담을 수 있다는 것이다.

 

생성 방법

 

1. 배열 리터널을 사용 생성

let fruits = ["Apple", "Banana", "Cherry"];

 

2. Array 생성자를 사용한 생성

let fruits = new Array("Apple", "Banana", "Cherry");

 

사용 방법

 

데이터를 넣은 순서대로 0부터 데이터 숫자만큼 매겨진 인덱스를 이용해서 배열에 접근 가능하다. (데이터 3개라면 0~2)

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // "Apple"
console.log(fruits[1]); // "Banana"
console.log(fruits[2]); // "Cherry"

 

배열이 객체와 차이점은 속성이 없고 데이터를 있는 그대로 담고 있고 key를 거치지 않고 바로 접근할 수 있다.