ホスト・オブジェクト/Web API オブジェクト document, window, console, alert, prompt, confirm, navigator, location, history, fetch, localStorage, sessionStorage, event (Built-in Object) 日付オブジェクト Date (Built-in Object) 数学用オブジェクト Math (Built-in Object) 配列オブジェクト Array (Built-in Object) 文字列オブジェクト String (Built-in Object) 関数オブジェクト Function (Built-in Object)
| オブジェクト | よく使う例 | 説明 |
|---|---|---|
| document |
document.getElementById("id") (メソッド) document.querySelector(".class") (メソッド) document.createElement("div") (メソッド) |
HTML要素の取得・作成・操作 |
| window |
window.setTimeout(() => {}, 1000) (タイマー用メソッド) window.location.href = "https://..." |
ブラウザ全体の機能（タイマー、ページ遷移など） |
| console |
console.log("メッセージ") (メソッド) console.error("エラー") (メソッド) |
デバッグ用出力 |
| alert / prompt / confirm |
alert("こんにちは") (メソッド) prompt("名前を入力") (メソッド) confirm("OK?") (メソッド) |
ユーザーとの簡単な対話 |
| navigator | navigator.userAgent (プロパティ) | ブラウザやOSの情報を取得 |
| location |
location.href (プロパティ) location.reload() (メソッド) |
現在のURLやページの制御 |
| history |
history.back() (メソッド) history.forward() (メソッド) |
ブラウザ履歴の操作 |
| オブジェクト | よく使う例 | 説明 |
|---|---|---|
| Math |
Math.random() (メソッド) Math.floor(3.7) (メソッド) Math.sqrt(16) (メソッド) |
数学計算用 |
| Date |
new Date() (コンストラクタ) date.getFullYear() (メソッド) date.toLocaleString() (メソッド) |
日付・時刻操作 |
| Number / String / Boolean |
Number("123") (関数) String(123) (関数) true.toString() (メソッド) |
型変換や便利メソッド |
| Array |
[1,2,3].push(4) (メソッド) [1,2,3].map(x => x*2) (メソッド) |
配列操作 |
| Object |
Object.keys(obj) (メソッド) Object.assign({}, obj) (メソッド) |
オブジェクト操作 |
| オブジェクト | よく使う例 | 説明 |
|---|---|---|
| fetch | fetch("data.json").then(res => res.json()) (メソッド) | サーバーとの通信 |
| localStorage / sessionStorage |
localStorage.setItem("key", "value") (メソッド) localStorage.getItem("key") (メソッド) |
ブラウザにデータ保存 |
| XMLHttpRequest | new XMLHttpRequest() (コンストラクタ) | 古い通信方法（fetchの前身） |
| Event | element.addEventListener("click", e => {}) (メソッド) | イベント操作 |
| String |
"abc".toUpperCase() (メソッド) "abc".includes("a") (メソッド) |
文字列の加工や検索 |
| Number |
Number("123") (関数) (123).toFixed(2) (メソッド) |
数値化や数値操作 |
| Boolean |
Boolean(0) (関数) true.toString() (メソッド) |
真偽値化や変換 |
| Symbol | Symbol("id") (ファクトリ) | 一意の識別子を作る |
| BigInt | 123n + 456n (演算) | 超大きな整数（末尾に n） |
| Function |
function f(){} (宣言) const f = () => {} (関数式) |
関数オブジェクト。呼び出し可能 |
| Error | throw new Error("メッセージ") | すべてのエラーの基本形 |
| TypeError | throw new TypeError("型が違う") | 型が不正なときのエラー |
| ReferenceError | console.log(x) (未定義の変数) | 存在しない変数を参照 |
| SyntaxError | JSON.parse("不正な文字列") | 文法上の誤り |
| RangeError | (123).toFixed(100) | 範囲外の数値を指定 |
| URIError | decodeURI("%") | 不正なエンコード URL |
| EvalError | eval() 誤用時に発生 | 現在ではほぼ使われない |
| オブジェクト | よく使う例 | 説明 |
|---|---|---|
| Promise |
new Promise((res, rej) => {}) (コンストラクタ) promise.then(...) (メソッド) |
非同期処理を扱う |
| Map |
const m = new Map() m.set("key", "value") |
キーと値のペア（順序保持） |
| Set |
const s = new Set([1,2,3]) s.add(4) |
重複なしの集合 |
| WeakMap | new WeakMap() | キーが弱参照。ガベージ回収される |
| WeakSet | new WeakSet() | WeakMap の Set 版 |
| Proxy | new Proxy(target, handler) | オブジェクト操作を横取り |
| Reflect |
Reflect.get(obj, "x") Reflect.set(obj, "x", 123) |
Proxy の裏側。標準化された低レベル操作 |
| RegExp |
/abc/.test("abcdef") (メソッド) "abc".match(/a/) (メソッド) |
正規表現の検索 |
| JSON |
JSON.parse(str) JSON.stringify(obj) |
データを文字列⇔オブジェクト変換 |