Beyond_SW_Camp 13기 58일차 (JavaScript)

객체

1. 객체

• 자바스크립트는 객체 지향 프로그래밍 언어로 원시 값을 제외한 나머지 값(배열, 함수, 정규 표현식 등)들은 모두 객체이다.
• 객체는 다양한 값을 하나의 단위로 구성한 자료구조로 객체는 0개 이상의 프로퍼티(Property)와 메소드(Method)으로 구성된다.

2. 객체 생성

• 자바스크립트는 다양한 방법으로 객체를 생성할 수 있다.
• // 객체 리터럴 let 변수 = {}; // Object 생성자 let 변수 = new Object(); // 생성자 함수 let 변수 = new 생성자();

3. 프로퍼티(Property)

• 프로퍼티는 키(key)와 값(value)으로 구성된다.
• 프로퍼티 키는 문자열을 사용하고 식별자 네이밍 규칙을 만족하면 따옴표를 생략할 수 있다.
• 프로퍼티 값에는 자바스크립트에서 사용할 수 있는 모든 값을 지정할 수 있다.
• let obj = { name: '홍길동', age: 24 };
• 객체의 프로퍼티에 접근하기 위해서는 대괄호([]) 또는 마침표(.)를 사용해야 한다.
• console.log(obj.name); console.log(obj['age']); // 프로퍼티 키는 ''로 감싸야 한다.
• 프로퍼티는 객체 생성 후 동적으로 추가할 수 있다.
• let obj = {}; obj.name = '홍길동'; obj['age'] = 24;

4. 메소드(Method)

• 프로퍼티의 값이 함수인 경우 메소드라 한다.
• 객체 내에서 자신의 속성을 호출할 때 반드시 this 키워드를 사용해야 한다.
• let obj = { name: '홍길동', age: 24, getName: function() { return this.name; } };
• 객체의 메소드를 호출하기 위해서는 마침표(.)를 사용한다.
• console.log(obj.getName());
• 메소드는 객체 생성 후 동적으로 추가할 수 있다.
• let obj = { name: '홍길동', age: 24 }; obj.getAge = function() { return this.age; }