Object 타입
- 하나에 변수에 여러가지 속성을 이용해 변수를 저장하는 데이터 타입
- Key / Value 로 이루어진 구조
- 기본 구조: { Key: Value }
- 선언 방법: { } 혹은 new Object( )
- 함수도 넣을 수 있으나 화살표 함수는 넣을 수 없음
- 값 가져오는 방법: Object_이름.Key 혹은 Object_이름["Key"]
let object_example = {
name: "kim",
age: 10,
getName: function () {
console.log(this.name); // 출력 값: kim
},
getAge () {
console.log(this.age); // 출력 값: 10
}
}
console.log(object_example.name); // 출력 값: kim
console.log(object_example.age); // 출력 값: 10
console.log(object_example.getName); // 출력 값: kim
console.log(object_example.getAge); // 출력 값: 10
- Object 멤버 추가/수정하기
let object_example = {};
object_example.name = "kim";
console.log(object_example.name); // 출력 값: kim
- Object 멤버 삭제하기 (delete 이용)
let object_example = {
name: "kim";
};
delete object_example.name;
console.log(object_example.name); // 출력 값: undefined
객체 안에 함수 넣기
객체 안에 함수를 집어 넣을 수 있다.위 예제에서 function 이름을 생략해도 동일한 결과가 나옴더 나아가 key-value 쌍이 아닌, : funcation 부분을 지워도 동일한 결과가 나옴반면 여기서 function 키워드
velog.io
JavaScript - 객체(Object)에 대해 알아보자
객체 (Object) JavaScript는 객체기반의 스크립트 언어이며 JavaScript를 이루고 있는 거의 모든 것은 객체이다. 객체란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 Key / Value Pa
velog.io
참고 링크 3: https://youtu.be/dHrI-_xq1Vo
객체지향 Class 문법 10분만에 이해시켜줌 (자바스크립트)
책펴면 300페이지 쯤에 나오는 무시무시한 class, 객체지향 oop 어쩌구 문법입니다. 이론만 공부하는게 아니라 어떨 때 써야하는지를 알면 쉽습니다. 담강의는 prototype임 JavaScript 객체지향 & ES6
youtu.be
'Web > JavaScript' 카테고리의 다른 글
JavaScript - JSON String ↔ JSON Object (0) | 2021.09.11 |
---|---|
JavaScript - Class (0) | 2021.09.11 |
JavaScript - DOM 요소 선택자 (요소 접근) (0) | 2021.09.08 |
JavaScript - 조건문, 반복문 (0) | 2021.09.08 |
JavaScript - 이벤트 핸들러, 이벤트 리스너 (0) | 2021.09.07 |