[JS] 객체 기초편
2022. 6. 18. 14:05ㆍcoding tutorial/Java Script
객체 (Object)
- 객체는 내가 원하는 자료형을 구성할 수 있게 해주는 붕어빵 틀과 같다.
- 기본 형태 : let Object = { key : value , key2 : value }
- key : value 를 묶어 property라 부름.
- 객체 내 함수는 'method'라 부름.
- 객체 특정 key에 접근: 점 ( . ) or ['']
- ex) mumumom.name // 'sander'
- ex) mumumom['age'] // 29
- 객체 프로퍼티 추가
- ex) mumumom.gender = 'Female';
- ex) mumumom['haircolor'] = 'black';
- 객체 삭제: 삭제하고 싶은 프로퍼티 앞에 붙여줌
- ex) delete mumumom.age;
- object 단축 프로퍼티
- ex)
- object 프로퍼티 존재 여부 확인 : 'key' in 객체명
- ex) 'birthDay' in mumumom;
- ex) 'age' in mumumom;
- 객체를 순회하며 값을 얻는 방법 : for ... in 반복문
- 함수를 이용한 객체 생성 1
- 클래스나 객체를 만들 때는 함수명을 대문자로 시작.
- 함수로 객체를 생성하여 new 연산자를 이용하여 새로운 변수에 넣어 각각의 객체 생성.
- 함수 내부에 this 키워드로 생성할 객체를 정확히 지정한 키값을 부를 수 있다.
- 함수를 이용한 객체 생성 2
- 객체 내 프로퍼티로 특정 기능을 수행하는 메서드(함수)를 쓸 수 있다.
- new 연산자로 새 객체에 값을 넣어줄 때, 하나의 키워드에 여러 값이 있는 경우 배열[]을 사용할 수 있다.
- 배열 사용 시 배열 내장 함수인 arr.length()를 사용하여 배열 개수를 반환할 수 있다. ( ex: Obj.key.length )
'coding tutorial > Java Script' 카테고리의 다른 글
[JS] 배열 기초편 (0) | 2022.06.18 |
---|---|
[JS] 반복문과 조건문 (0) | 2022.06.18 |
[JS] 함수 기초편 : 함수 선언문, 함수 표현식, 화살표 함수 (0) | 2022.06.18 |
[JS] 구조 분해 할당 (Destructuring assignment) (0) | 2022.06.17 |
[JS] 배열 메소드 (Array Method) (0) | 2022.06.16 |