JAVASCRIPT

자바스크립트(JavaScript)기초_객체

mi-ni 2024. 3. 11. 22:07

1. 객체생성

let obj1 = new Object(); // 객체 생성자
let obj2 = {}; // 객체 리터럴 (대부분 사용)

 

2. 객체 프로퍼티(객체 속성)

let person = {
  name: "이혜민",
  age: 20,
  hobby: "스피닝",
  extra: {},
  10: 20,
  "like cat": true,
};

 

3. 객체 프로퍼티를 다루는 방법 

3_1. 특정 프로퍼티에 접근(점표기법, 괄호표기법)

let name = person.name;

let age = person["age2"];

let property = "hobby";
let hobby = person[property];

 

3_2. 새로운 프로터피를 추가하는 방법 

person.job = "fe developer";
person["favoriteFood"] = "엽떡";

 

3_3. 프로퍼티를 수정하는 방법 

person.job = "student";
person["favoriteFood"] = "초콜릿";

 

3_4. 프로퍼티를 삭제하는 방법

delete person.job;
delete person["favoriteFood"];

console.log(person);

 

3_5. 프로퍼티의 존재 유무를 확인하는 방법(in 연산자)

let result1 = "name" in person;
let result2 = "cat" in person;
console.log(result1);

 

4. 상수객체 

const animal = {
  type: "고양이",
  name: "나비",
  color: "black",
};

animal.age = 2; // 추가
animal.name = "까망이"; // 수정
delete animal.color; // 삭제

 

5. 메서드

값이 함수는 프로퍼티를 말한다.

const person = {
  name: "김영희",
  sayHi() {
    console.log("안녕!");
  },
};

person.sayHi();
person["sayHi"]();