본문 바로가기

Javascript

객체 생성 & 객체 속성 접근 방법

✅ 객체 생성 : 자바스크립트에서는 객체(Object)를 사용하여 여러 개의 값을 하나의 변수에 담고 관리할 수 있다. 

1️⃣ 기본적인 객체 생성 방법 // key : value pair

let person = {
  name: "홍길동",
  age: 30,
  gender: "남자"
};

객체 person을 생성한다. 객체를 만들 때는 중괄호({})를 사용하며, 속성과 값을 콜론(:)으로 구분하여 작성한다. 각 속성과 값은 쉼표(,)로 구분한다.

2️⃣ 생성자 함수를 사용한 객체 생성 방법

function Person(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
}

let person1 = new Person("홍길동", 30, "남자");
let person2 = new Person("홍길순", 25, "여자");

생성자 함수 Person()을 사용하여 객체 person1과 person2를 생성한다. 생성자 함수를 사용하면 객체를 일괄적으로 생성할 수 있다.

 

3️⃣ 객체 속성 접근 방법

let person = {
  name: "홍길동",
  age: 30,
  gender: "남자"
};

console.log(person.name);   // "홍길동"
console.log(person.age);    // 30
console.log(person.gender); // "남자"

객체 person의 속성에 접근하여 값을 출력한다. 객체의 속성에 접근할 때는 점(.)을 사용하여 속성 이름을 입력한다.

'Javascript' 카테고리의 다른 글

배열 생성(Array) & 크기지정 & 요소접근  (0) 2023.07.25
객체 메소드 Object.keys()  (0) 2023.07.25
falsy한 값 & truthy한 값  (0) 2023.07.25
삼항 연산자 & 단축평가  (0) 2023.07.25
조건문의 중첩&조건부 실행  (0) 2023.07.25