Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

몽탁이의 개발일기

자바스크립트의 객체 본문

Javascript 정리

자바스크립트의 객체

몽탁 2020. 9. 2. 17:52

객체 생성 방법 (2가지)

 

1. const obj1 = {}; 

2. const obj2 = new Object(); 

 

1번의 방식을 객체 리터럴을 이용하는 방식이라고 하고 (object literal Syntax)

 

2번의 방식을 객체 생성자를 이용하는 방식이라고 합니다. (object construtor Syntax)

 

두 방식에는 큰 차이는 없지만 

 

간단한 객체를 생성할때는 {} 리터럴 방식을 이용하게 되고

 

class나 function 이용하여 객체를 생성할 때는 생성자를 이용하여 만들게 됩니다.

 

또 생성자를 이용하는 방식은 재사용하기가 쉽다는 장점이 있습니다.

 

즉, 두 방식은 상황에 맞춰서 사용하는것이 좋습니다.

 


객체 접근 방법 (2가지)

 

객체에 접근하는 방법 2가지

1. 객체뒤에 .key값을 이용하여 값을 호출

2. 객체뒤에 ['key값']을 이용하여 값을 호출

 

이 두방식의 차이점은 위와 같이 기능적인 부분에서는 차이가 없습니다.

 

하지만

 

객체안에 어떤 key값이 있을지 모르는 경우에 

 

2번째 방식으로 for ... in 문을 사용하여 객체 안의 모든 값들을 호출할 수 있습니다.

 

 

for in을 이용하여 모든 값 호출

 

첫 번째 방식 같은 경우에는 간단하게 바로 호출해야 할 경우 많이 사용됩니다.

 


in 연산자

 

in 연산자는 위에서와는 좀 다르게 

 

key값이 obj안에 있는지 확인하여 true, false 값을 리턴하게 됩니다.

 

in 연산자

여기서 주의할점은 반드시 string값으로 비교하여야 됩니다.

 

in 연산자 string으로 비교 안할시

 

또 [] 방식으로 접근할 때도 반드시 string으로 key값을 넣어줘야 접근이 가능합니다