【オウル先生の基礎講座】Vol.6「オブジェクトの基本を学ぼう」

// シンプルなオブジェクトの例
const car = {
  // プロパティ（データ）
  brand: "Toyota",
  model: "Prius",
  year: 2023,
  color: "blue",
  
  // メソッド（機能）
  start: function() {
    console.log("エンジンスタート！");
  },
  drive: function() {
    console.log("走行中...");
  }
};

// オブジェクトのプロパティにアクセス
console.log(car.brand); // "Toyota"
console.log(car.year);  // 2023

// オブジェクトのメソッド実行
car.start(); // "エンジンスタート！"

const person = {
  firstName: "太郎",
  lastName: "山田",
  age: 30,
  isEmployed: true
};

function Person(firstName, lastName, age) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.age = age;
  this.greet = function() {
    console.log(`こんにちは、${this.firstName}です！`);
  };
}

const person1 = new Person("太郎", "山田", 30);
const person2 = new Person("花子", "鈴木", 25);

person1.greet(); // "こんにちは、太郎です！"
person2.greet(); // "こんにちは、花子です！"

class Person {
  constructor(firstName, lastName, age) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.age = age;
  }
  
  greet() {
    console.log(`こんにちは、${this.firstName}です！`);
  }
  
  getFullName() {
    return `${this.lastName} ${this.firstName}`;
  }
}

const person = new Person("太郎", "山田", 30);
console.log(person.getFullName()); // "山田 太郎"

const book = {
  title: "JavaScript入門",
  author: "山田太郎",
  "publication year": 2023  // スペースを含む名前はクォートで囲む
};

// ドット記法
console.log(book.title);  // "JavaScript入門"

// ブラケット記法（変数や特殊文字を含む場合に使用）
console.log(book["author"]);  // "山田太郎"
console.log(book["publication year"]);  // 2023

// プロパティの変更
book.title = "JavaScript完全ガイド";
book["page count"] = 350;  // 新しいプロパティ追加

// プロパティの削除
delete book.author;

const calculator = {
  value: 0,
  
  add(num) {
    this.value += num;
    return this;  // メソッドチェーン用
  },
  
  subtract(num) {
    this.value -= num;
    return this;
  },
  
  multiply(num) {
    this.value *= num;
    return this;
  },
  
  getValue() {
    return this.value;
  }
};

// メソッドチェーンの例
calculator.add(5).multiply(2).subtract(3);
console.log(calculator.getValue());  // 7

// Object.assign を使用
const defaults = { theme: "light", fontSize: 16 };
const userPrefs = { theme: "dark" };

const settings = Object.assign({}, defaults, userPrefs);
console.log(settings);  // { theme: "dark", fontSize: 16 }

// スプレッド構文（ES6+）
const mergedSettings = { ...defaults, ...userPrefs };
console.log(mergedSettings);  // { theme: "dark", fontSize: 16 }

javascriptconst name = "山田太郎";
const age = 30;

// ES6前
const user1 = { name: name, age: age };

// ES6以降（ショートハンド）
const user2 = { name, age };

const product = {
  name: "スマートフォン",
  price: 60000,
  manufacturer: "TechCo",
  specs: {
    cpu: "Snapdragon 8",
    ram: "8GB",
    storage: "128GB"
  }
};

// 基本的な分割代入
const { name, price } = product;
console.log(name);  // "スマートフォン"

// ネストしたオブジェクトの分割代入
const { specs: { cpu, ram } } = product;
console.log(cpu);  // "Snapdragon 8"

// デフォルト値の設定
const { color = "ブラック" } = product;
console.log(color);  // "ブラック"（存在しないプロパティにデフォルト値を設定）

const person = {
  name: "山田太郎",
  age: 30,
  job: "エンジニア",
  hobbies: ["読書", "旅行", "プログラミング"]
};

// for...in ループ
for (const key in person) {
  if (person.hasOwnProperty(key)) {  // 継承プロパティを除外
    console.log(`${key}: ${person[key]}`);
  }
}

// Object.keys()
const keys = Object.keys(person);
console.log(keys);  // ["name", "age", "job", "hobbies"]

// Object.values()
const values = Object.values(person);
console.log(values);  // ["山田太郎", 30, "エンジニア", Array(3)]

// Object.entries()
const entries = Object.entries(person);
entries.forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});

// コンストラクタ関数
function Animal(name) {
  this.name = name;
}

// プロトタイプにメソッドを追加
Animal.prototype.speak = function() {
  console.log(`${this.name}が鳴いています`);
};

// 子クラス
function Dog(name, breed) {
  Animal.call(this, name);  // 親コンストラクタ呼び出し
  this.breed = breed;
}

// Dogのプロトタイプを設定
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;

// 子クラス独自のメソッド追加
Dog.prototype.bark = function() {
  console.log("ワンワン！");
};

const dog = new Dog("ポチ", "柴犬");
dog.speak();  // "ポチが鳴いています"
dog.bark();   // "ワンワン！"

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  speak() {
    console.log(`${this.name}が鳴いています`);
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name);  // 親クラスのコンストラクタ呼び出し
    this.breed = breed;
  }
  
  bark() {
    console.log("ワンワン！");
  }
  
  // メソッドのオーバーライド
  speak() {
    super.speak();  // 親クラスのメソッド呼び出し
    console.log(`${this.name}は${this.breed}です`);
  }
}

const dog = new Dog("ポチ", "柴犬");
dog.speak();
// "ポチが鳴いています"
// "ポチは柴犬です"

const counter = (function() {
  // プライベート変数
  let count = 0;
  
  // 公開API
  return {
    increment() {
      return ++count;
    },
    decrement() {
      return --count;
    },
    getValue() {
      return count;
    }
  };
})();

console.log(counter.getValue());  // 0
counter.increment();
console.log(counter.getValue());  // 1
// count には直接アクセスできない

function createUser(type) {
  const user = {
    id: Math.random().toString(36).substr(2, 9),
    createdAt: new Date(),
    
    // 共通メソッド
    describe() {
      console.log(`ユーザータイプ: ${this.type}`);
    }
  };
  
  // タイプ別の設定
  switch(type) {
    case 'admin':
      user.type = 'admin';
      user.accessLevel = 'all';
      user.manageUsers = function() { console.log("ユーザー管理中..."); };
      break;
    case 'editor':
      user.type = 'editor';
      user.accessLevel = 'content';
      user.editContent = function() { console.log("コンテンツ編集中..."); };
      break;
    default:
      user.type = 'basic';
      user.accessLevel = 'read';
  }
  
  return user;
}

const admin = createUser('admin');
const editor = createUser('editor');
admin.manageUsers();  // "ユーザー管理中..."
editor.editContent();  // "コンテンツ編集中..."