본문 바로가기

객체(Object) - 자바스크립트

D-caffein 2023. 3. 3.
반응형

객체(Object)는  자바스크립트의 기본 데이터 유형 중 하나입니다. 
객체는 속성과 메소드로 구성됩니다.

1. 속성

객체는 속성(Property)로 구성되어 있습니다. 속성은 객체 내에서 특정 데이터를 나타내는 변수입니다.
이러한 변수는 문자열로 표시되는 이름 또는 키와 함께 객체 내부에 저장됩니다.

const person = {
  name: 'John',
  age: 30
};

console.log(person.name); // "John"
console.log(person.age); // 30

name과 age는 person 객체의 속성으로 정의됩니다. 속성 값으로 문자열과 숫자를 사용할 수 있습니다.

 

2. 메소드

객체는 메소드(Method)로도 구성됩니다. 메소드는 객체가 수행할 수 있는 동작을 정의하는 함수입니다.
이러한 함수는 객체의 상태를 변경하거나 다른 객체에 영향을 미칠 수 있습니다.
메소드는 객체 내부의 다른 속성에 액세스할 수 있으며 객체를 조작하는 데 사용됩니다.

const person = {
  name: 'John',
  age: 30,
  sayHello: function() {
    console.log('Hello!');
  }
};

person.sayHello(); // "Hello!"

sayHello는 person 객체의 메소드로 정의됩니다. sayHello 메소드는 Hello!를 출력하는 함수입니다.

3. 중첩된 객체

객체는 중첩될 수 있습니다. 이를 통해 객체의 복잡한 계층 구조를 만들 수 있습니다.
중첩된 객체를 사용하면 데이터 구조를 더욱 직관적으로 표현할 수 있습니다.

const person = {
  name: 'John',
  age: 30,
  address: {
    street: '123 Main St',
    city: 'Anytown',
    state: 'CA',
    zip: '12345'
  }
};

console.log(person.address.city); // "Anytown"

address는 person 객체의 속성으로 정의됩니다. address 객체는 streetcitystatezip 속성으로 구성되어 있습니다. 중첩된 객체를 사용하여 person 객체에 대한 상세한 정보를 표현할 수 있습니다.

반응형

'Programming' 카테고리의 다른 글

문자열 자르기 - 자바스크립트  (0) 2023.03.05
잘라서 배열로 저장하기  (0) 2023.03.04
배열(Array) - 자바스크립트  (0) 2023.03.02
const와 let - 자바스크립트  (0) 2023.03.01
RunJS 설치하기 - 자바스크립트  (0) 2023.03.01

댓글