JSオブジェクト

🏹 JavaScriptオブジェクト

JavaコレクションのMapインタフェースと同様に{}内にKey:Valueを作成
  🔍 JSオブジェクト形状で作成された文字列→JSON
       "{K : V, K : V, K : V}"

🏹 コンストラクタ

オブジェクトの作成時に呼び出される関数です.通常の関数とは異なり、new演算子を使用してオブジェクトを作成します.
  m.コンストラクション関数の関数名は大文字で始まる必要があります!

🚩 ソース-オブジェクトの作成方法

オブジェクト文字記号{}

を使用

const snacks = {
    const brand = "롯데";
    // 변수명과 객체 key는 서로 다른 것이기 때문에 중복되어도 문제가 없다.
  
    // 속성
    name : "포카칩", 
    brand : "오리온", 
    flavor : ["Original", "Onion"], 
    price : 1500,

    // 메서드
    cook : function() {
      alert("신선한 감자를 깨끗이 씻어낸 후 껍질째 얇게 썰어 고소하게 튀겨냄")
    },
  
    info : function() {
        console.log("과자 이름 : " + this.name);
        // * 메서드에서 동일 객체 내부의 다른 속성을 참조하려면
        //   this.속성명 으로 작성해야 한다.
    }
};

を使用して関数+new演算子

を構築

// 생성자 함수
function Student(name, age, java, db, html, css) {
  
    // 매개변수로 전달 받은 값을 객체의 속성에 대입
    this.name = name;
    this.age = age;
    this.java = java;
    this.db = db;
    this.html = html;
    this.css = css;

    // 메서드
    this.getAvg = function() {

        const sum = Number(this.java) + Number(this.db)
                     + Number(this.html) + Number(this.css);
      
        const avg = sum / 4;
        return avg.toFixed(2); // toFixed(n) 함수 : 소수점 이하 자리수 지정
    }
}

// 생성자 함수는 new 연산자와 함께 사용되어야 한다.
document.getElementById("btn").addEventListener("click", function() {
  
    // Student 생성자 함수를 이용하여 객체 생성
    const std = new Student("HARAMCO", 20, 83.7, 91.3, 75.2, 67.3);

    // 만약 생성자 함수가 없을 경우
    // 객체 생성 시마다 중복되는 코드를 계속 작성해야 한다.
    /*
    const std1 = {
        name : "HARAMCO",
        age : 20,
        java : 83.7,
        db = 91.3,
        html = 75.2, 
        css = 67.3,
        getAvg : function() {
            const sum = this.java + this.db + this.html + this.css;
            const avg = sum / 4;
            return avg.toFixed(2);
        }
    }
    */

    console.log("평균 점수 : " + std.getAvg());
});