자바스크립트는 객체지향 프로그래밍을 지원하는 프로그래밍 언어로, 객체를 사용하여 데이터와 해당 데이터를 조작하는 메소드를 포함할 수 있습니다. 이번 글에서는 자바스크립트의 객체의 속성과 메소드에 대해 알아보겠습니다.
객체의 속성
자바스크립트의 객체는 속성(property)과 값을 가지며, 일종의 변수로 볼 수 있습니다. 객체의 속성은 객체의 상태를 나타내며, 다른 값을 저장하는 변수와는 달리 객체 속성은 다양한 유형의 값을 저장할 수 있습니다. 객체의 속성은 객체 이름 뒤에 마침표를 찍고 속성 이름을 작성하여 접근할 수 있습니다.
아래는 자바스크립트 객체의 속성을 선언하고 접근하는 예제입니다.
// 객체 생성
var person = {
name: "John",
age: 30,
city: "New York"
};
// 속성에 접근
console.log(person.name); // "John"
console.log(person.age); // 30
console.log(person.city); // "New York"
위 예제에서 name, age, city는 객체 person의 속성이며, person.name, person.age, person.city을 통해 각각의 속성 값에 접근할 수 있습니다.
객체의 메소드
객체는 데이터 뿐만 아니라 해당 데이터를 조작하는 동작을 수행하는 메소드(method)도 가질 수 있습니다. 메소드는 함수의 형태로, 객체의 속성으로 저장되며 해당 객체의 동작을 나타냅니다. 메소드는 객체 이름 뒤에 마침표를 찍고 메소드 이름을 작성하여 호출할 수 있습니다.
아래는 자바스크립트 객체에 메소드를 추가하고 호출하는 예제입니다.
// 객체 생성
var person = {
name: "John",
age: 30,
city: "New York",
sayHello: function() {
console.log("Hello, my name is " + this.name);
}
};
// 메소드 호출
person.sayHello(); // "Hello, my name is John"
위 예제에서 sayHello는 객체 person의 메소드로, this.name을 사용하여 현재 객체의 name 속성 값을 참조하고 있습니다. 따라서 person.sayHello()를 호출하면 “Hello, my name is John”이 출력됩니다.
정리
이번 글에서는 자바스크립트 객체의 속성과 메소드에 대해 알아보았습니다. 객체의 속성은 객체의 상태를 나타내며, 객체의 메소드는 해당 객체의 동작을 나타냅니다. 객체를 사용하면 데이터와 해당 데이터를 조작하는 메소드를 효율적으로 관리할 수 있으며, 객체지향 프로그래밍의 개념을 자바스크립트에서도 적용할 수 있습니다.
더 자세한 내용은 아래 링크에서 확인할 수 있습니다:
다음 글에서는 자바스크립트 객체의 상속과 프로토타입에 대해 알아보겠습니다.