[JavaScript] 09. JavaScriptオブジェクトの作成

今日は、JavaScriptでオブジェクトを作成する方法について説明します.

💡オブジェクト

むじゅんしゅうごう
key-valueからなるプロパティの集合

📌オブジェクトテキストの使用

カッコ{}を使用してオブジェクトを作成します.

const person = {}; //[object Object]

次のデータと関数を使用してオブジェクトを作成することもできます.これらのデータと関数は객체의 속성(property)と呼ばれます.

const person = {
  name : "송우든",
  age : 25,
  "favorite food" : "제육볶음"
};

console.log(person)
// 출력 :  {name : '송우든', age : 25, 'favorite food' : '제육볶음'}

なお、オブジェクト属性を構成するkeyは文字列でなければならない.valueは、すべてのデータ型を提供する.また、keyの値にスペースを含める場合は、引用符""で表すことができます.
JavaScriptでは、オブジェクトのもう一つの特徴は함수도 객체의 속성(property)의 value가 될 수 있다です.

const person = {
  name : "송우든",
  age : 25,
  introduce : function() { console.log("안녕하세요!"); }
};

person.introduce() // 출력 : 안녕하세요!

上記の関数をメソッド(method)と呼ぶ.

📌new演算子とコンストラクション関数の使用

new 연산자と생성자 함수を使用すると、複数の類似オブジェクトを簡単に作成できます.
次の例のコードでは、使用方法について説明します.

function Person(name, age, favortieFood){
  	// this =  {} 
	this.name = name;
  	this.age = age;
  	this.favoriteFood = favoriteFood;
  	// return this;
}

const user = new person("먹깨비",25,"갈비");
console.log(user)l; 
// 출력 : person { name: '먹깨비', age: 25, favoriteFood: '갈비' }

上のPerson()関数は생성자 함수と呼ばれています!
このコンストラクション関数には、次の2つの条件があります.

関数名は大文字で始まる必要があります.

new演算子を使用して実行します.

📌Object()の使用

JavaScriptでオブジェクトを作成する場合は、組み込み関数Object()を使用できます.

const person = new Object({
	name : "송우든",
  	age : 25
});

let checkStudy = new Object(true);

console.log(person);// 출력: { name: '송우든', age: 25} 
console.log(checkStudy); // 출력 : [Boolean : true]

リファレンスとサイト

JAVASCRIPT.INFO