標準関数・TypeScript型・非同期処理など105件のリファレンス。
ハンズオンで手を動かして学べます
map・filter・async など主要関数の詳細ページから「ハンズオン」を開始できます。
map()ArrayES5配列の各要素に関数を適用し、新しい配列を返す
filter()ArrayES5条件に一致する要素だけを含む新しい配列を返す
reduce()ArrayES5配列を一つの値に集約する。集計・変換に多用される
find() / findIndex()ArrayES6条件に最初に一致する要素(またはインデックス)を返す
forEach()ArrayES5各要素に対して副作用を実行する。戻り値はundefined
flat() / flatMap()ArrayES2019ネストした配列を平坦化する。flatMapはmapとflatを合成
some() / every()ArrayES5some: 1つでも条件を満たすか。every: 全て満たすか
includes()ArrayES2016指定した値が含まれるか真偽値で返す
sort()ArrayES1配列を破壊的にソートする。比較関数で順序を制御
slice() / splice()ArrayES3slice: 部分コピーを返す(非破壊)。splice: 要素の追加・削除(破壊的)
push() / pop() / shift() / unshift()ArrayES3配列の末尾・先頭に要素を追加・削除する
concat()ArrayES3複数の配列・値を結合した新しい配列を返す
join()ArrayES1配列要素を区切り文字で結合した文字列を返す
indexOf() / lastIndexOf()ArrayES5指定した値の最初・最後のインデックスを返す
fill()ArrayES6配列の指定範囲を特定の値で埋める(破壊的)
Array.from()ArrayES6配列風オブジェクト・イテラブルから配列を生成する
at()ArrayES2022指定インデックスの要素を返す。負のインデックスで末尾から取得
split()StringES1文字列を区切り文字で分割し配列を返す
replace() / replaceAll()StringES3/ES2021文字列を置換する。replaceAllは全一致を対象とする
includes() / startsWith() / endsWith()StringES6文字列の含有・前後一致を真偽値で返す
trim() / trimStart() / trimEnd()StringES5/ES2019前後の空白文字(スペース・タブ・改行)を除去する
padStart() / padEnd()StringES2017指定した長さになるよう文字を先頭・末尾に埋める
match() / matchAll()StringES3/ES2020正規表現でマッチした部分を取得する
slice() / substring()StringES3文字列の部分文字列を返す
indexOf() / lastIndexOf()StringES1部分文字列の最初・最後の出現インデックスを返す
テンプレートリテラルStringES6バッククォートで囲み、式を${...}で埋め込む文字列記法
repeat()StringES6文字列を指定回数繰り返した新しい文字列を返す
at()StringES2022指定インデックスの文字を返す。負のインデックスで末尾から取得
Object.keys() / values() / entries()ObjectES5/ES2017オブジェクトのキー・値・ペア配列を取得する
Object.assign()ObjectES6複数のオブジェクトを浅くマージする
Object.freeze() / isFrozen()ObjectES5オブジェクトを不変にする(シャロー)
Object.fromEntries()ObjectES2019キーと値のペア配列をオブジェクトに変換する
Object.create()ObjectES5指定したプロトタイプを持つ新しいオブジェクトを作成する
スプレッド / レスト構文ObjectES2018オブジェクトの展開・マージ・残余プロパティの取得
オプショナルチェーン (?.)ObjectES2020nullやundefinedの場合にエラーを投げずundefinedを返す
Nullish Coalescing (??)ObjectES2020nullまたはundefinedのときだけ右辺の値を返す
Math.min() / max() / abs()Number/MathES1最小値・最大値・絶対値を返す
Math.floor() / ceil() / round() / trunc()Number/MathES1/ES6小数点以下の切り捨て・切り上げ・四捨五入・整数部取得
parseInt() / parseFloat() / Number()Number/MathES1文字列を数値に変換する
Number.isNaN() / isFinite() / isInteger()Number/MathES6NaN・有限数・整数を厳密にチェックする
Math.random()Number/MathES10以上1未満のランダムな浮動小数点数を返す
Math.pow() / sqrt() / cbrt()Number/MathES1/ES6累乗・平方根・立方根を計算する
toFixed() / toPrecision() / toLocaleString()Number/MathES3数値を指定桁数・形式の文字列に変換する
Promise.all()AsyncES6複数のPromiseを並列実行し全て完了したら結果を返す
Promise.allSettled()AsyncES2020全Promiseの成功・失敗を問わず全結果を返す
Promise.race() / any()AsyncES6/ES2021race: 最初に完了したものを返す。any: 最初に成功したものを返す
async / awaitAsyncES2017非同期処理を同期的に書けるシンタックスシュガー
new Promise()AsyncES6コールバックベースのAPIをPromise化する
Generator / yieldAsyncES6実行を一時停止・再開できる関数。イテレータの実装に使われる
型アサーション (as)TypeScriptコンパイラに型を指示する。実行時には影響なし
型ガード (type guard)TypeScript条件分岐内で型を絞り込む。以降のブロックで型安全なコードを書ける
Utility TypesTypeScriptPartial / Required / Readonly / Pick / Omit など組み込みの型変換
ReturnType / Parameters / AwaitedTypeScript関数の戻り値型・引数型・Promise解決型を自動で取得するユーティリティ
ジェネリクス (Generics)TypeScript型をパラメータ化し、再利用可能な型安全なコードを書く
interface vs typeTypeScriptオブジェクトの型定義。interfaceは宣言マージ可、typeは柔軟な型表現が可能
enum / const enumTypeScript名前付き定数の集合を定義する
Mapped Types / Template Literal TypesTypeScript既存の型のキーを変換して新しい型を生成する高度な型操作
デコレータ (Decorator)TypeScriptクラス・メソッド・プロパティにメタデータや動作を付与する
querySelector / querySelectorAllDOM / Web APICSSセレクタで要素を取得する
addEventListener / removeEventListenerDOM / Web APIDOMイベントのリスナーを登録・解除する
fetch()DOM / Web APIHTTPリクエストを送信するPromiseベースのAPI
localStorage / sessionStorageDOM / Web APIブラウザにデータを永続的(またはセッション中)に保存する
IntersectionObserverDOM / Web API要素がビューポートに入ったかどうかを効率的に監視する
MutationObserverDOM / Web APIDOM構造の変化を監視する
Clipboard APIDOM / Web APIクリップボードへのコピー・ペーストをプログラムで操作する
ResizeObserverDOM / Web API要素のサイズ変更を監視する
CustomEvent / dispatchEventDOM / Web APIカスタムイベントを作成・発火して疎結合なコンポーネント通信を行う
try / catch / finallyError同期・非同期エラーを捕捉して処理する
カスタムエラークラスErrorErrorを継承してアプリ固有のエラー型を作る
標準エラー型ErrorJS/TSに組み込まれているエラークラス一覧
JSON.stringify() / parse()Other (ES)ES5JavaScriptオブジェクトとJSON文字列を相互変換する
structuredClone()Other (ES)ES2022オブジェクトのディープコピーを作る
Set / MapOther (ES)ES6重複なし集合・任意キーの辞書を効率的に扱うコレクション
WeakMap / WeakSetOther (ES)ES6オブジェクトを弱参照で保持するコレクション。GCを妨げない
SymbolOther (ES)ES6常に一意な値を生成するプリミティブ型。衝突しないプロパティキーとして使う
Proxy / ReflectOther (ES)ES6オブジェクトの操作(get/set等)をインターセプトする
console メソッド群Other (ES)デバッグ・ログ出力の各種メソッド
DateOther (ES)ES1日付・時刻の生成と操作
正規表現 (RegExp)Other (ES)ES3/ES2018文字列のパターンマッチング・抽出・置換に使う
イテレータ / for...ofOther (ES)ES6反復可能オブジェクトを定義するプロトコル
分割代入 (Destructuring)Other (ES)ES6配列・オブジェクトから変数に値を取り出す構文