웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

함수를 활용해 객체 생성하기 본문

javascript/Tutorial

함수를 활용해 객체 생성하기

jokack01 2013. 12. 10. 11:14

함수를 활용한 객체 생성

같은 패턴의 객체를 하나하나 생성하게 되면 내용이 많아질 경우 지루하고 시간이 많이 들게 된다. 

붕어빵을 예로 들자면, 붕어빵을 모두 수제작으로 만들게 된다면 모양부터 굽기 까지 엄청난 시간과 노력이 필요하다. 하지만 이 붕어빵을 붕어빵 기계의 틀에 넣고 굽게 되면 짧은 시간안에 대량생산이 가능하다. 

이렇듯 객체를 고정된 형태의 틀에서 뽑아 낸다면 쉽게 객체를 생성 할 수 있다. 


ex) 함수로 객체 생성하기 

// 4개의 매개변수를 받는 함수선언

function option(name, price, mission, color){

    var carReturn={   // 객체선언 및 키 설정

        n : name,

        p : price,

        m : mission,

        c : color

    };

    return carReturn;  // 받은 객체를 리턴

}

var car = [];  // 배열선언

// car 배열에 push 로 데이터 값을 밀어 넣는다.

car.push(option('genesis', 5000, 'auto', 'black'));

car.push(option('Grandeur', 3800, 'auto', 'white'));

car.push(option('k7', 3800, 'auto', 'white'));

console.log(car);  // 화면에 출력


'javascript > Tutorial' 카테고리의 다른 글

new 키워드  (0) 2013.12.11
생성자함수와 프로토타입  (0) 2013.12.10
push(), 데이터 밀어넣기  (0) 2013.12.09
객체 {}  (0) 2013.12.05
함수를 매개변수로 받기  (0) 2013.12.02