객체(Object) ,배열(Array)

객체

• Object(객체)

• 다른 언어에서는 Dictionary(딕셔너리) 라고 부르기도 하지만 JS 에서의 공식명칭은 Object 이다.
• Key를 기준으로 객체에 있는 Value 값에 접근할수 있다. 

 

• Object 의 기본 구조

 

{키(key):값(value), 키2(key2):값2(value2)} 의 형태로 표현된다.

value 에는 모는 자료형의 값을 담을 수 있다.

 

• 객체의 key 값에 접근하는 방법

key 값에 접근하는 방법은 2가지가 있는데
1. obj.key

2. obj['key']  
객체의 key 에 특수문자 등의 문자열을 사용할 때는 반드시 2번 방식으로 표현식을 사용해야한다.

---

오브젝트에 value 값을 추가하는 방법

aObject(객체명)['key(키)'] ="value(추가할 value값)"

 

• 객체 구조 분해 할당

객체나 배열을 변수로 분해 할 수 있다.

객체를 분해할때는 반드시 변수명과 프로퍼티의 이름이 일치해야한다.

 

프로퍼티의 이름이 유효한 식별자인 프로퍼티만 분해 후 할당된다.

분해할당 예시

프로퍼티:오브젝트의 {키:값} 을 프로퍼티 라고 한다.

 

배열

• Array(배열)

• 다른 언어 에서는 List(리스트) 라고 부르기도 하지만 JS 에서의 공식명칭은 Array 이다.
• 배열에는 index 라고 하는 개념이 존재하며 value 에 접근하게 해주는 식별자다.
• index의 최솟값은 0 이다.

• Array 의 구조

[value,value2,value3] 의 형태로 표현된다.

간단하게 설명하자면
[Array] = 책
Index = 페이지
Value = 내용 
이라고 볼수있다.

 

• 배열 구조 분해 할당

배열 에서도 배열을 변수로 분해 할 수 있다.

배열을 분해 할때는 변수 이름을 맘대로 선언할 수 있다.

분해 한 값은 배열의 순서대로 할당된다.

선언한 변수를 제외한 나머지 배열의 요소는 할당되지않는다 (undefined)

 

console.log(닭) // 치킨

console.log(빵) // 피자

 

 

• 배열의 새로운 값을 추가하는 문법

배열명.PUSH(추가할값)