본문 바로가기

WEB(Front-End)/Javascript

6. Object(Listerals and properties,Computed properties [],Property value shorthand And Constructor function, in operator, for .. in vs for .. of, cloning)

간편하게 데이터를 관리할 수 있다.

동적으로 코딩가능(property 추가, 삭제 가능)

Object={key:value} : Object는 key와 value의 집합체이다.

 

1. Listerals and properties.

생성 방법

- const obj1={} : object literal syntax

- const obj2=new Object(); objet constructor syntax

 

2. Computed properties []

대괄호를 이용하여 property 접근도 가능 ['문자열값으로']

: 매개변수로 string값을 key값으로 받아서  value 값을 찾고 싶을 때 []를 이용

(dot을 이용하여 property 접근도 가능하지만 매개변수로 문자열값을 받아서 .key로 접근이 가능하지 않다.)

 

3. Property value shorthand And Constructor function

Constructor function 함수를 선언한 후 new 함수명(값,값)으로 하면 javascript 객체로 생성된다.

일일이 key:값 계속 안써줘도된다.

 

4. in operator :  해당 object에 키가 있는지 없는지 확인 (true, false)

 

5. for .. in vs for .. of

for (key in obj){

//모든 키들을 loop

}

iterable : 순차적으로 되어있는 값들

for (value of iterable){

//모든 값들을 loop

}

 

6.cloning

1. 수동적으로 for문돌면서 옮기는 방법

2. Object.assign(새로운객체,옮길객체);