Class Getter, Setter

Class Getter, Setter 하기

여기서는 데이터원소, json 형태, (setter함수 ,getter함수)를 알아두는것이 포인트 입니다.

class TestClass {
    constructor(type, name, sound) {    //데이터 수정할려는 원소들만 신경쓴다.
        this.type = type;
        this.name = name;
        this.sound = sound;
    };
    get tion() {
        let fruits = [this.type, this.name, this.sound];
        return fruits.map((name, index) => {  //json 형태로 만들어서 배열로 반환하는 함수 
            return {
                id: index + 1,
                name,
                done: false
            }
        });
    };
    set tion(value) {    // 특정 원소를 변경하고자 하는 함수!
        this.name = value;
    };
}
const purpleCuteSlime = new TestClass('개나리','멍멍이', '멍멍');
purpleCuteSlime.tion = '스티븐 로저스'
console.log(purpleCuteSlime.tion)     //원소들 모두 조회 하기
console.log(purpleCuteSlime.tion[1].name)  //스티븐 로저스 조회하기

// 결과)
[
  { id: 1, name: '개나리', done: false },
  { id: 2, name: '스티븐 로저스', done: false },
  { id: 3, name: '멍멍', done: false }
]
스티븐 로저스