JS/TS関数リファレンス

標準関数・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()ArrayES5

some: 1つでも条件を満たすか。every: 全て満たすか

詳細・コード例を見る

includes()ArrayES2016

指定した値が含まれるか真偽値で返す

詳細・コード例を見る

sort()ArrayES1

配列を破壊的にソートする。比較関数で順序を制御

詳細・コード例を見る

slice() / splice()ArrayES3

slice: 部分コピーを返す（非破壊）。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

オブジェクトの展開・マージ・残余プロパティの取得

詳細・コード例を見る

オプショナルチェーン (?.)ObjectES2020

nullやundefinedの場合にエラーを投げずundefinedを返す

詳細・コード例を見る

Nullish Coalescing (??)ObjectES2020

nullまたは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/MathES6

NaN・有限数・整数を厳密にチェックする

詳細・コード例を見る

Math.random()Number/MathES1

0以上1未満のランダムな浮動小数点数を返す

詳細・コード例を見る

Math.pow() / sqrt() / cbrt()Number/MathES1/ES6

累乗・平方根・立方根を計算する

詳細・コード例を見る

toFixed() / toPrecision() / toLocaleString()Number/MathES3

数値を指定桁数・形式の文字列に変換する

詳細・コード例を見る

Promise.all()AsyncES6

複数のを並列実行し全て完了したら結果を返す

詳細・コード例を見るハンズオンあり

Promise.allSettled()AsyncES2020

全の成功・失敗を問わず全結果を返す

詳細・コード例を見る

Promise.race() / any()AsyncES6/ES2021

race: 最初に完了したものを返す。any: 最初に成功したものを返す

詳細・コード例を見る

async / awaitAsyncES2017

を同期的に書けるシンタックスシュガー

詳細・コード例を見るハンズオンあり

new Promise()AsyncES6

ベースのを化する

詳細・コード例を見る

Generator / yieldAsyncES6

実行を一時停止・再開できる関数。イテレータの実装に使われる

詳細・コード例を見る

型アサーション (as)TypeScript

コンパイラにを指示する。実行時には影響なし

詳細・コード例を見る

型ガード (type guard)TypeScript

条件分岐内でを絞り込む。以降のブロックで安全なコードを書ける

詳細・コード例を見る

Utility TypesTypeScript

Partial / Required / Readonly / Pick / Omit など組み込みの変換

詳細・コード例を見る

ReturnType / Parameters / AwaitedTypeScript

関数の戻り値・引数・解決を自動で取得するユーティリティ

詳細・コード例を見る

ジェネリクス (Generics)TypeScript

をパラメータ化し、再利用可能な安全なコードを書く

詳細・コード例を見る

interface vs typeTypeScript

オブジェクトの定義。interfaceは宣言マージ可、typeは柔軟な表現が可能

詳細・コード例を見る

enum / const enumTypeScript

名前付き定数の集合を定義する

詳細・コード例を見る

Mapped Types / Template Literal TypesTypeScript

既存ののキーを変換して新しいを生成する高度な操作

詳細・コード例を見る

デコレータ (Decorator)TypeScript

クラス・メソッド・プロパティにメタデータや動作を付与する

詳細・コード例を見る

querySelector / querySelectorAllDOM / Web API

CSSセレクタで要素を取得する

詳細・コード例を見る

addEventListener / removeEventListenerDOM / Web API

イベントのリスナーを登録・解除する

詳細・コード例を見る

fetch()DOM / Web API

HTTPリクエストを送信するベースの

詳細・コード例を見るハンズオンあり

localStorage / sessionStorageDOM / Web API

ブラウザにデータを永続的（またはセッション中）に保存する

詳細・コード例を見る

IntersectionObserverDOM / Web API

要素がビューポートに入ったかどうかを効率的に監視する

詳細・コード例を見る

MutationObserverDOM / Web API

構造の変化を監視する

詳細・コード例を見る

Clipboard APIDOM / Web API

クリップボードへのコピー・ペーストをプログラムで操作する

詳細・コード例を見る

ResizeObserverDOM / Web API

要素のサイズ変更を監視する

詳細・コード例を見る

CustomEvent / dispatchEventDOM / Web API

カスタムイベントを作成・発火して疎結合な通信を行う

詳細・コード例を見る

try / catch / finallyError

同期・非同期エラーを捕捉して処理する

詳細・コード例を見る

カスタムエラークラスError

Errorを継承してアプリ固有のエラーを作る

詳細・コード例を見る

標準エラー型Error

JS/TSに組み込まれているエラークラス一覧

詳細・コード例を見る

JSON.stringify() / parse()Other (ES)ES5

JavaScriptオブジェクトと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

配列・オブジェクトから変数に値を取り出す構文

詳細・コード例を見るハンズオンあり

JS/TS関数リファレンス

標準関数・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()ArrayES5

some: 1つでも条件を満たすか。every: 全て満たすか

詳細・コード例を見る

includes()ArrayES2016

指定した値が含まれるか真偽値で返す

詳細・コード例を見る

sort()ArrayES1

配列を破壊的にソートする。比較関数で順序を制御

詳細・コード例を見る

slice() / splice()ArrayES3

slice: 部分コピーを返す（非破壊）。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

オブジェクトの展開・マージ・残余プロパティの取得

詳細・コード例を見る

オプショナルチェーン (?.)ObjectES2020

nullやundefinedの場合にエラーを投げずundefinedを返す

詳細・コード例を見る

Nullish Coalescing (??)ObjectES2020

nullまたは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/MathES6

NaN・有限数・整数を厳密にチェックする

詳細・コード例を見る

Math.random()Number/MathES1

0以上1未満のランダムな浮動小数点数を返す

詳細・コード例を見る

Math.pow() / sqrt() / cbrt()Number/MathES1/ES6

累乗・平方根・立方根を計算する

詳細・コード例を見る

toFixed() / toPrecision() / toLocaleString()Number/MathES3

数値を指定桁数・形式の文字列に変換する

詳細・コード例を見る

Promise.all()AsyncES6

複数のを並列実行し全て完了したら結果を返す

詳細・コード例を見るハンズオンあり

Promise.allSettled()AsyncES2020

全の成功・失敗を問わず全結果を返す

詳細・コード例を見る

Promise.race() / any()AsyncES6/ES2021

race: 最初に完了したものを返す。any: 最初に成功したものを返す

詳細・コード例を見る

async / awaitAsyncES2017

を同期的に書けるシンタックスシュガー

詳細・コード例を見るハンズオンあり

new Promise()AsyncES6

ベースのを化する

詳細・コード例を見る

Generator / yieldAsyncES6

実行を一時停止・再開できる関数。イテレータの実装に使われる

詳細・コード例を見る

型アサーション (as)TypeScript

コンパイラにを指示する。実行時には影響なし

詳細・コード例を見る

型ガード (type guard)TypeScript

条件分岐内でを絞り込む。以降のブロックで安全なコードを書ける

詳細・コード例を見る

Utility TypesTypeScript

Partial / Required / Readonly / Pick / Omit など組み込みの変換

詳細・コード例を見る

ReturnType / Parameters / AwaitedTypeScript

関数の戻り値・引数・解決を自動で取得するユーティリティ

詳細・コード例を見る

ジェネリクス (Generics)TypeScript

をパラメータ化し、再利用可能な安全なコードを書く

詳細・コード例を見る

interface vs typeTypeScript

オブジェクトの定義。interfaceは宣言マージ可、typeは柔軟な表現が可能

詳細・コード例を見る

enum / const enumTypeScript

名前付き定数の集合を定義する

詳細・コード例を見る

Mapped Types / Template Literal TypesTypeScript

既存ののキーを変換して新しいを生成する高度な操作

詳細・コード例を見る

デコレータ (Decorator)TypeScript

クラス・メソッド・プロパティにメタデータや動作を付与する

詳細・コード例を見る

querySelector / querySelectorAllDOM / Web API

CSSセレクタで要素を取得する

詳細・コード例を見る

addEventListener / removeEventListenerDOM / Web API

イベントのリスナーを登録・解除する

詳細・コード例を見る

fetch()DOM / Web API

HTTPリクエストを送信するベースの

詳細・コード例を見るハンズオンあり

localStorage / sessionStorageDOM / Web API

ブラウザにデータを永続的（またはセッション中）に保存する

詳細・コード例を見る

IntersectionObserverDOM / Web API

要素がビューポートに入ったかどうかを効率的に監視する

詳細・コード例を見る

MutationObserverDOM / Web API

構造の変化を監視する

詳細・コード例を見る

Clipboard APIDOM / Web API

クリップボードへのコピー・ペーストをプログラムで操作する

詳細・コード例を見る

ResizeObserverDOM / Web API

要素のサイズ変更を監視する

詳細・コード例を見る

CustomEvent / dispatchEventDOM / Web API

カスタムイベントを作成・発火して疎結合な通信を行う

詳細・コード例を見る

try / catch / finallyError

同期・非同期エラーを捕捉して処理する

詳細・コード例を見る

カスタムエラークラスError

Errorを継承してアプリ固有のエラーを作る

詳細・コード例を見る

標準エラー型Error

JS/TSに組み込まれているエラークラス一覧

詳細・コード例を見る

JSON.stringify() / parse()Other (ES)ES5

JavaScriptオブジェクトと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

配列・オブジェクトから変数に値を取り出す構文

詳細・コード例を見るハンズオンあり