過去バージョン

ビルトインオブジェクト一覧

Object: すべての基底

const user = { name: 'Taro', age: 30 };

Object.keys(user);                  // ['name', 'age']
Object.values(user);                // ['Taro', 30]
Object.entries(user);               // [['name','Taro'], ['age',30]]
Object.assign({}, user, { age: 31 }); // マージ
Object.freeze(user);                // 不変化
Object.hasOwn(user, 'name');        // ES2022, true (in より安全)

// Spread (ES2018)
const copy = { ...user };
const merged = { ...user, age: 31 };

// 分割代入
const { name, age } = user;
const { name: userName } = user;    // リネーム

Array: 順序付きコレクション

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

// 反復系 (高階関数)
arr.map(x => x * 2);                // [2, 4, 6, 8, 10]
arr.filter(x => x % 2 === 0);       // [2, 4]
arr.reduce((acc, x) => acc + x, 0); // 15
arr.forEach(x => console.log(x));

// 検索
arr.find(x => x > 3);               // 4
arr.findIndex(x => x > 3);          // 3
arr.includes(3);                    // true
arr.at(-1);                         // 5 (ES2022, 負数で末尾から)

// ES2023 非破壊版
arr.toReversed();                   // [5,4,3,2,1] (元は不変)
arr.toSorted((a, b) => b - a);      // 降順
arr.toSpliced(1, 2);                // [1, 4, 5]
arr.findLast(x => x < 4);           // 3
arr.findLastIndex(x => x < 4);      // 2

// 破壊版 (元配列を変える)
arr.push(6);                        // 末尾追加
arr.pop();                          // 末尾削除
arr.sort();                         // ソート (デフォルトは文字列順 注意)

Map / Set: ES2015 で追加されたコレクション

// Map: キーに任意の型 (オブジェクトも可)
const m = new Map();
m.set('name', 'Taro');
m.set({ id: 1 }, 'user1');         // ★ Object でもキーにできる
m.get('name');                      // 'Taro'
m.has('name');                      // true
m.size;                             // 2
for (const [k, v] of m) { ... }

// vs Object (Map の利点)
// - キーの順序が保証される
// - サイズが size プロパティで取れる
// - プロトタイプ汚染がない
// - 任意の型をキーに使える

// Set: 重複なし配列
const s = new Set([1, 2, 2, 3]);   // {1, 2, 3}
s.add(4);
s.has(2);                           // true
s.size;                             // 4

// 配列の重複排除イディオム
const unique = [...new Set([1, 2, 2, 3])]; // [1, 2, 3]

// WeakMap / WeakSet: ガベージコレクションされる
// キーが他で参照されなくなったら自動削除
const wm = new WeakMap();
wm.set(domNode, metadata);         // domNode が消えたら自動で削除

Promise: 非同期処理の合成

// 基本
const p = fetch('/api/users')
  .then(res => res.json())
  .then(data => console.log(data))
  .catch(err => console.error(err))
  .finally(() => console.log('done'));

// 並列待ち
Promise.all([fetch('/a'), fetch('/b')])     // 1つでも失敗するとreject
Promise.allSettled([fetch('/a'), fetch('/b')]) // 全部の結果を受け取る
Promise.race([fetch('/a'), fetch('/b')])    // 最初に解決した1つ
Promise.any([fetch('/a'), fetch('/b')])     // 最初の成功 (ES2021)

// async/await (Promise の糖衣構文)
async function loadUsers() {
  try {
    const res = await fetch('/api/users');
    return await res.json();
  } catch (e) {
    console.error(e);
  }
}

Symbol: 一意キー

// 衝突しないオブジェクトキーを作る
const id = Symbol('id');
const user = { name: 'Taro', [id]: 1 };
user[id];                           // 1
Object.keys(user);                  // ['name'] (Symbol は列挙されない)

// Well-known Symbol (組込フック)
class Range {
  constructor(start, end) { this.start = start; this.end = end; }
  [Symbol.iterator]() {              // for...of の挙動を定義
    let cur = this.start;
    const end = this.end;
    return {
      next: () => cur <= end
        ? { value: cur++, done: false }
        : { value: undefined, done: true }
    };
  }
}
for (const i of new Range(1, 5)) console.log(i); // 1 2 3 4 5

JSON: シリアライズ

const obj = { name: 'Taro', items: [1, 2, 3] };
const json = JSON.stringify(obj);              // 文字列化
const json2 = JSON.stringify(obj, null, 2);    // 整形 (インデント 2)
const back = JSON.parse(json);                 // パース

// undefined / function / Symbol は消える
JSON.stringify({ a: 1, b: undefined, c: () => {} });
// → '{"a":1}'

// Replacer / Reviver
JSON.stringify(obj, (key, value) =>
  typeof value === 'bigint' ? value.toString() : value
);

JSON.parse(json, (key, value) =>
  key === 'createdAt' ? new Date(value) : value
);

ES バージョン別の追加機能

TC39 プロポーザル (将来追加されるもの)

FAQ

Q: 新しい API はいつから使っていい?
A: Baseline (web.dev/baseline) で「Widely available」になった時期が目安。またはTC39 Stage 4 で確定です。古いブラウザ対応が必要なら Babel / core-js でポリフィル。

Q: Date と Temporal の違いは?
A: Date はタイムゾーンとサマータイムを正しく扱えない歴史的バグ持ち。Temporal は ZonedDateTime / PlainDate などを分けて表現でき、不変オブジェクトとして安全に扱えます。

Q: Map と通常の Object、どっちを使うべき?
A: キーが固定の構造体 → Object。動的に増減するキー (キャッシュ / カウンタ等) → Map。Map の方が反復・サイズ取得が高速です。