[JavaScript][Instance Methods] インスタンスメソッド

概要

• インスタンスメソッド (Instance Methods) は、インスタンス化されたオブジェクトに対して利用できるメソッド を指す
• クラスや組み込みオブジェクト（Array, String, Mapなど）から生成したインスタンスごとに利用可能
• 配列操作（map, filter, reduce）、文字列操作（slice, toUpperCase）、日付操作（getFullYear, toISOString）などで頻出

インスタンスメソッドは 「データの具体的な操作を行うためのツール」 であり、アプリ開発のあらゆる場面で活用される

実施条件

• JavaScript / TypeScript の基本文法を理解していること
• クラス と インスタンス の概念を理解していること
• 配列や文字列の操作を日常的に行うアプリを想定していること

環境

ツール	バージョン	目的
Node.js	22.5.1	実行環境（V8 12.4 搭載、ES2024対応）
JavaScript	ES2024相当	最新仕様に基づく記法・機能利用可能

インスタンスメソッドの役割

• インスタンス（具体的なオブジェクト）に紐づくメソッド
• インスタンスごとに異なるデータを処理できる
• new 演算子で作成したオブジェクトや、配列・文字列リテラルから利用できる

インスタンスメソッドの基本構造

1. クラス定義
2. インスタンス生成
3. インスタンスメソッドの呼び出し

基本構文

// 1. クラス定義
class User {
  name: string;
  constructor(name: string) {
    this.name = name;
  }

  // インスタンスメソッド
  greet() {
    return `Hello, my name is ${this.name}`;
  }
}

// 2. インスタンス生成
const user1 = new User("Alice");

// 3. インスタンスメソッドの呼び出し
console.log(user1.greet()); // "Hello, my name is Alice"

活用例

1. 配列インスタンスメソッド（map, filter, reduce）

const numbers = [1, 2, 3, 4, 5];

// map: 各要素を2倍
const doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10]

// filter: 偶数のみ抽出
const evens = numbers.filter(n => n % 2 === 0); // [2, 4]

// reduce: 合計値を算出
const sum = numbers.reduce((acc, n) => acc + n, 0); // 15

console.log(doubled, evens, sum);

2. 文字列インスタンスメソッド（slice, toUpperCase）

const text = "hello world";

// 部分文字列を抽出
console.log(text.slice(0, 5)); // "hello"

// 大文字化
console.log(text.toUpperCase()); // "HELLO WORLD"

3. Dateインスタンスメソッド（getFullYear, toISOString）

const today = new Date();

console.log(today.getFullYear()); // 2025
console.log(today.toISOString()); // "2025-09-06T12:34:56.789Z"

インスタンスメソッドまとめ

オブジェクト種類	主なインスタンスメソッド	用途
Array	map, filter, reduce, forEach	配列要素の変換、検索、集計、ループ処理
String	slice, toUpperCase, includes	文字列の部分抽出、整形、判定
Date	getFullYear, toISOString	年や時刻の取得、ISO形式文字列変換
Map/Set	set, get, has, delete	キーと値の管理、重複排除
自作クラス	自由に定義可能	アプリ固有のロジックを実装

---

静的メソッドとの違い

種類	特徴	例
静的メソッド	クラスに直接属する（インスタンス不要）	Array.isArray([1,2])
インスタンスメソッド	生成したインスタンスに対して利用する	[1,2,3].map(x => x * 2)

参考リンク

• MDN: Array.prototype
• MDN: String.prototype
• MDN: Date.prototype
• MDN: Classes