객체란?

프로토타입(Prototype)

자바스크립트 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있다.
이러한 부모 객체를 프로토타입 객체(짧게는 프로토타입)이라고 부른다.

    let foo = {
        name : 'foo',
        nickname : 'babo'
    };

    foo.toString();
    console.log(foo.toString());
    console.dir(foo);

크롬 브라우저에서는 __proto__가 바로 이 숨겨진 [[Prototype]] 프로퍼티를 의미한다. 즉, foo 객체는 자신의 부모 객체를 __proto__라는 내부 프로퍼티로 연결하고 있는 것이다.

그래서 위의 결과와 같이 프로토타입(proto = Object.prototype)의 toString(),valueOf() 등 내장 메서드를 모두 호출 할 수 있다.

배열

객체 리터럴이 중괄호{ }를 사용하면 배열 리터럴은 대괄호[ ] 를 사용한다

    //배열 리터럴
    var arr = ['zero','one','two'];

    console.log(arr);
    console.dir(arr);

    var emptyArr = [];
    console.log(emptyArr[0]);
    emptyArr[0] = 100;

    var ttArr = ['zoo', 'aa', 'bb'];

    ttArr.push('cc');
    console.log(ttArr); // ["zoo", "aa", "bb", "cc"]

    console.log(ttArr.pop()); // 맨뒤 값을 반환 
    console.log(ttArr); // ["zoo", "aa", "bb"]

    delete ttArr[2];
    console.log(ttArr); // ["zoo", "aa", empty]
    console.log(typeof ttArr[2]); // undefined

delete ttArr[2]로 배열을 삭제하면 해당 요소의 값을 undefined로 설정할 뿐 원소 자체를 삭제하지 않는다.

객체와 배열의 차이점

선언된 객체와 배열의 속성을 들여다보면 객체는 Object.prototype 객체가 프로토타입이고 배열은 Array.prototype 객체가 프로토타입이다. 그래서 배열을 사용할 때는 push(), pop() 같은 표준메서드가 포함되어 있어서 사용할 수 있다.