객체

let obj = {}; // 또는
let obj = new Object();

obj.age = 14;
obj.name = "Charlie";

console.log(obj.name); // C언어의 구조체 스타일 
console.log(obj['name']); // PHP의 연관 배열 스타일

객체의 프로퍼티 나열

for (let key in obj) {
    console.log(key);
}

for (let key of Object.keys(obj)) {
    console.log(key);
}

for (let key of Object.getOwnPropertyNames(obj)) {
    console.log(key);
}

생성자 함수

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

let charlie = new Person("Charlie", 14);

Object.create()

let Point = {
    x: 0,
    y: 0,
    toString: function () {
        return "(" + this.x + ", " + this.y + ")";
    }
};
let point1 = Object.create(Point);

console.log(point1.toString());

프로토타입을 통한 프로퍼티 정의

prototype을 통해서 프로퍼티를 추가하면, 하나의 인스턴스에만 추가된는 것이 아니라 해당 객체의 모든 인스턴스에 프로퍼티가 추가된다.

Person.prototype.gender = "Male";

프로퍼티의 삭제

상속받지 않은 속성은 delete 연산자로 제거할 수 있습니다.

프로토타입 기반

자바나 C++과 같은 클래스 기반의 언어와는 달리 자바스크립트는 프로토타입 기반의 언어입니다. 프로토타입 기반 언어의 특징 상 클래스와 인스턴스의 구분이 모호해집니다.

function Animal(name) {
    this.name = name;
}

function Dog(name) { // Animal을 상속
    Animal.call(this, name);
    this.bark = function () {
        console.log("멍멍");
    };
}
Dog.prototype = Object.create(Animal.prototype);


let snoopy = new Dog("Snoopy");
console.log(snoopy.name);
snoopy.bark();

객체 속성의 해체

let person = { name: "Charlie", age: 14 };

let { name, age } = person;

console.log(name);
console.log(age);

클래스

난해한 프로토타입 기반의 객체 대신 클래스 기반으로 클래스를 정의할 수도 있습니다.

class Animal {
    constructor(name) { // 생성자
        this.name = name;
    }

    static someStaticMethod() { }
}

class Dog extends Animal { // 확장
    constructor(name) {
        super(name); // 부모 생성자 호출
    }

}

let snoopy = new Dog("Snoopy");

console.log(snoopy.name);

JSON

자바스크립트 객체와 문자열을 서로 변환할 수 있습니다.

JSON.parse(str)
JSON.stringfy(obj)

2.5 KiB Raw Permalink Blame History

객체