이번 포스트에서는 자바스크립트의 객체에 대해 간단히 소개한다.


객체 (Objects)

  • 자바스크립트에서는 객체를 사용한다.
  • strings, numbers, arrays… 등이 모두 객체이다.
  • 이러한 객체는 클래스의 프로퍼티와 메서드를 사용할 수 있다.
// myString은 String의 객체이다. 
// 객체는 String의 내장 함수와 프로퍼티를 사용할 수 있다. 
> var myString = new String()
undefined
> myString = "hello";
"hello"

> myString.length
5

// 내장 메서드 사용가능
> myString.toLowerCase();
"hello"
> myString.toUpperCase();
"HELLO"


자바스크립트 객체 만들기

// 예시 - 배열 생성 및 데이터 삽입
var myArray = new Array();
myArray[0] = 8;
myArray[1] = "hello";

// 새로운 객체 생성
var myCar = new Object();

// 객체의 프로퍼티 생성
myCar.maxSpeed = 50;
myCar.driver = "Julia";

// 객체의 프로퍼티 출력
console.log(myCar.driver);

// 객체의 메소드 생성
myCar.drive  = function(){
    console.log("now driving");
};

// 객체의 메소드 실행
myCar.drive();

// 객체에 프로퍼티와 메소드를 딕셔너리로 선언해줄 수도 있다.
// var myArray2 = [true, 15, "hi"];
var myCar2 = {
    maxSpeed: 50, 
    driver: "katie",
    // 인자를 주어 연산 가능 
    drive: function(speed, time){
        console.log(speed * time);
    }
}; 

console.log(myCar2.maxSpeed);
myCar2.drive(50, 3);



Julia Hwang

디발자를 꿈꾸는 웹개발자의 블로그입니다.