본문 바로가기
javascript pure/javascript 기본

8. 객체와 배열-2

by leo2114 2023. 3. 18.
반응형

객체의 속성과 메서드

객체는 속성과 메서드를 가질 수 있습니다. 객체의 속성은 값이나 함수를 포함할 수 있으며, 메서드는 객체의 행동을 정의하는 함수입니다.

아래 예제 코드에서는 person 객체를 생성하고, 속성과 메서드를 추가합니다.

// 객체 생성
const person = {
  name: "John",
  age: 30,
  occupation: "developer",

  // 메서드 추가
  sayHello: function() {
    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
  }
};

// 객체 속성 접근
console.log(person.name); // John
console.log(person.age); // 30

// 객체 메서드 호출
person.sayHello(); // Hello, my name is John and I'm 30 years old.

위 코드에서 person 객체는 name, age, occupation과 같은 속성을 가지고 있습니다. 또한 sayHello()라는 메서드를 추가하였습니다. sayHello() 메서드는 person 객체의 속성인 name과 age를 사용하여 자기소개를 하는 함수입니다.

객체의 속성과 메서드는 점(.) 연산자를 사용하여 접근할 수 있습니다. 예를 들어, person.name은 person 객체의 name 속성에 접근하는 것입니다. 메서드는 함수이기 때문에, 메서드를 호출하려면 함수 호출과 같이 ()를 사용하여 호출합니다. 위 코드에서 person.sayHello()는 person 객체의 sayHello() 메서드를 호출하는 것입니다.

반응형

'javascript pure > javascript 기본' 카테고리의 다른 글

12. DOM과 이벤트 처리-3  (0) 2023.03.18
11. DOM과 이벤트 처리-2  (0) 2023.03.18
10. DOM과 이벤트 처리-1  (0) 2023.03.18
9. 객체와 배열-3  (0) 2023.03.18
7. 객체와 배열-1  (0) 2023.03.18
6. 함수-3  (0) 2023.03.18
5. 함수-2  (0) 2023.03.18
4. 함수-1  (0) 2023.03.18