몽탁이의 개발일기
자바스크립트의 객체 본문
객체 생성 방법 (2가지)
1. const obj1 = {};
2. const obj2 = new Object();
1번의 방식을 객체 리터럴을 이용하는 방식이라고 하고 (object literal Syntax)
2번의 방식을 객체 생성자를 이용하는 방식이라고 합니다. (object construtor Syntax)
두 방식에는 큰 차이는 없지만
간단한 객체를 생성할때는 {} 리터럴 방식을 이용하게 되고
class나 function 이용하여 객체를 생성할 때는 생성자를 이용하여 만들게 됩니다.
또 생성자를 이용하는 방식은 재사용하기가 쉽다는 장점이 있습니다.
즉, 두 방식은 상황에 맞춰서 사용하는것이 좋습니다.
객체 접근 방법 (2가지)
1. 객체뒤에 .key값을 이용하여 값을 호출
2. 객체뒤에 ['key값']을 이용하여 값을 호출
이 두방식의 차이점은 위와 같이 기능적인 부분에서는 차이가 없습니다.
하지만
객체안에 어떤 key값이 있을지 모르는 경우에
2번째 방식으로 for ... in 문을 사용하여 객체 안의 모든 값들을 호출할 수 있습니다.
첫 번째 방식 같은 경우에는 간단하게 바로 호출해야 할 경우 많이 사용됩니다.
in 연산자
in 연산자는 위에서와는 좀 다르게
key값이 obj안에 있는지 확인하여 true, false 값을 리턴하게 됩니다.
여기서 주의할점은 반드시 string값으로 비교하여야 됩니다.
또 [] 방식으로 접근할 때도 반드시 string으로 key값을 넣어줘야 접근이 가능합니다
'Javascript 정리' 카테고리의 다른 글
자바스크립트 배열의 유용한 APIs (0) | 2020.09.07 |
---|---|
자바스크립트의 객체 복사 (0) | 2020.09.02 |
자바스크립트 Class의 상속 (0) | 2020.09.02 |
자바스크립트에서의 Class (0) | 2020.09.01 |
자바스크립트에서의 변수타입 (0) | 2020.09.01 |