Caution
お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。
辞典
- トップページ
- JavaScript辞典
JavaScript辞典 一覧ページ
| 【環境構築】JavaScriptの開発環境 | JavaScriptを実行するための環境構築手順。 |
| document.querySelector() | CSSセレクタで条件に一致する最初のHTML要素を取得。 |
| document.querySelectorAll() | CSSセレクタで条件に一致するすべてのHTML要素を取得。 |
| document.getElementById() | 指定したID名を持つHTML要素を取得。 |
| HTML要素.textContent | HTML要素内のテキストを取得・設定。HTMLタグは解釈されない。 |
| HTML要素.innerHTML | HTML要素内のHTMLを文字列として取得・設定。 |
| HTML要素.classList | HTML要素のクラスの追加・削除・切り替え・存在確認。 |
| HTML要素.getAttribute() | HTML要素の指定した属性の値を取得。 |
| HTML要素.setAttribute() | HTML要素に指定した属性を設定。 |
| document.createElement() | 指定したタグ名の新しいHTML要素を作成。 |
| 親HTML要素.appendChild() | HTML要素を親HTML要素の最後の子要素として追加。 |
| HTML要素.addEventListener() | HTML要素にイベントリスナーを登録。 |
| HTML要素.remove() / removeChild() | HTML要素を削除。remove()は自身を、removeChild()は子要素を削除。 |
| 親HTML要素.replaceChild() / insertBefore() | 子要素の置換・挿入。replaceChild()で置換、insertBefore()で指定位置に挿入。 |
| HTML要素.cloneNode() | HTML要素を複製。引数で子要素を含めるかを指定。 |
| HTML要素.closest() / matches() | セレクタでHTML要素を検索・判定。closest()で祖先を検索、matches()で自身が一致するか判定。 |
| HTML要素.style | インラインスタイルの操作。CSSプロパティの取得・設定・削除。 |
| HTML要素.dataset | data属性の読み書き。data-*属性をキャメルケースで操作。 |
| HTML要素.innerText | 表示テキストの取得・設定。textContentとの違いも解説。 |
| document.createTextNode() / createDocumentFragment() | テキストノード・フラグメントの作成。XSS対策にも有効。 |
| HTML要素.parentNode / parentElement | 親要素の取得。parentNodeとparentElementの違いも解説。 |
| HTML要素.children / firstElementChild / lastElementChild | 子要素の取得。childrenで全子要素、first/lastで最初・最後を取得。 |
| HTML要素.nextElementSibling / previousElementSibling | 兄弟要素の取得。次・前のHTML要素を取得。 |
| HTML要素.removeEventListener() | イベントリスナーの解除。無名関数では解除できない注意点も。 |
| イベントオブジェクト.target / currentTarget | イベント発生元の取得。targetは実際の要素、currentTargetはリスナー登録元。 |
| イベントオブジェクト.preventDefault() / stopPropagation() | イベントのキャンセル・伝播の停止。デフォルト動作の抑制とバブリング制御。 |
| HTML要素.dispatchEvent() | カスタムイベントの発火。CustomEventでデータ付きイベントも作成可能。 |
| 配列.push() / pop() / shift() / unshift() | 配列の末尾・先頭に要素を追加・削除。 |
| 配列.splice() | 配列の任意の位置に要素を追加・削除・置換。 |
| 配列.forEach() / map() | ループ処理と配列の変換。forEach()は戻り値なし、map()は新しい配列を返す。 |
| 配列.filter() / find() / findIndex() | 条件に一致する要素の抽出・検索。filter()は配列、find()は最初の1つを返す。 |
| 配列.reduce() | 配列を1つの値にまとめる。合計・最大値・オブジェクト変換などに活用。 |
| 配列.includes() / indexOf() / lastIndexOf() | 配列内の値の存在確認・位置検索。includes()はtrue/false、indexOf()は位置を返す。 |
| 配列.some() / every() | 配列全体の条件判定。some()は1つでも一致、every()は全て一致で判定。 |
| 配列.slice() / concat() | 配列の一部取得・結合。元の配列を変更しない非破壊メソッド。 |
| 配列.sort() / reverse() | 配列の並べ替え・反転。比較関数で数値・文字列の並び順を制御。 |
| 配列.flat() / flatMap() | ネストされた配列の平坦化。flat()で展開、flatMap()でmap+flatを同時実行。 |
| 配列.join() / 文字列.split() | 配列⇔文字列の相互変換。join()で結合、split()で分割。 |
| Array.from() / Array.isArray() | 配列の生成・判定。Array.from()で配列風オブジェクトを変換。 |
| 文字列.indexOf() / lastIndexOf() / includes() | 文字列内の検索・存在確認。indexOf()は位置、includes()はtrue/falseを返す。 |
| 文字列.startsWith() / endsWith() | 文字列の先頭・末尾の判定。指定した文字列で始まる・終わるかを判定。 |
| 文字列.slice() / substring() | 文字列の一部を切り出し。開始位置と終了位置を指定して抽出。 |
| 文字列.charAt() / at() | 指定位置の文字を取得。at()は負のインデックスにも対応。 |
| 文字列.replace() / replaceAll() | 文字列の置換。replace()は最初の1つ、replaceAll()は全てを置換。 |
| 文字列.toUpperCase() / toLowerCase() | 大文字・小文字の変換。大文字小文字を区別しない比較にも活用。 |
| 文字列.trim() / trimStart() / trimEnd() | 空白の除去。前後・先頭・末尾の空白文字を削除。 |
| 文字列.padStart() / padEnd() / repeat() | 文字列の埋め込み・繰り返し。ゼロ埋めや固定長の文字列生成に活用。 |
| Object.keys() / values() / entries() | オブジェクトのキー・値の一覧取得。配列として取得しループ処理に活用。 |
| Object.assign() | オブジェクトのコピー・結合。スプレッド構文との比較も解説。 |
| Object.freeze() / seal() | オブジェクトの変更禁止。freeze()は完全凍結、seal()はプロパティ追加・削除のみ禁止。 |
| parseInt() / parseFloat() / Number() | 文字列から数値への変換。parseInt()は整数、parseFloat()は小数に変換。 |
| Number.isNaN() / isFinite() / isInteger() | 数値の判定。NaN・有限数・整数かどうかを安全に判定。 |
| 数値.toFixed() / toPrecision() | 数値の書式設定。小数点以下の桁数や有効桁数を指定して文字列に変換。 |
| Math.floor() / ceil() / round() / trunc() | 数値の丸め処理。切り捨て・切り上げ・四捨五入・小数部除去。 |
| Math.max() / min() / abs() / random() | 数値の比較・乱数・絶対値。配列との組み合わせも解説。 |
| new Date() / Date.now() | 日時オブジェクトの作成。現在日時・指定日時・タイムスタンプの取得。 |
| 日付.getFullYear() / getMonth() / getDate() | 日時の各要素の取得。年・月・日・曜日などを個別に取得。 |
| 日付.toLocaleDateString() / toISOString() | 日時の文字列変換。ロケール対応の表示やISO形式への変換。 |
| JSON.parse() / stringify() | JSONの変換。文字列⇔オブジェクトの相互変換。 |
| new Promise() / then() / catch() / finally() | Promiseの基本操作。非同期処理の成功・失敗をハンドリング。 |
| Promise.all() / allSettled() / race() / any() | 複数のPromiseの制御。全完了・全結果取得・最速・最初の成功を待機。 |
| async / await | 非同期処理の簡潔な記述。Promiseをより直感的に書ける構文。 |
| setTimeout() / clearTimeout() | 一定時間後に処理を実行。clearTimeout()でキャンセル可能。 |
| setInterval() / clearInterval() | 一定間隔で処理を繰り返し。clearInterval()で停止。 |
| fetch() | HTTPリクエストの送信。Promiseベースの通信API。 |
| XMLHttpRequest | 従来のHTTPリクエスト。fetch()が使えない環境での通信手段。 |
| localStorage / sessionStorage | ブラウザへのデータ保存。localStorageは永続、sessionStorageはタブ単位。 |
| console.log() / error() / warn() / table() | コンソールへの出力。デバッグに必須のメソッド群。 |
| window.location / history | ページ遷移・履歴操作。URLの取得やページ移動を制御。 |
| 正規表現.test() / exec() | 正規表現によるマッチング。test()はtrue/false、exec()は詳細情報を返す。 |
| 文字列.match() / matchAll() / search() | 正規表現による文字列検索。match()で一致、search()で位置を取得。 |
| Map | キーと値のペアを管理するコレクション。任意の型をキーに使用可能。 |
| Set | 一意な値を管理するコレクション。重複する値を自動的に除去。 |
| try / catch / finally / throw | エラー処理の基本構文。エラーの捕捉・処理・後始末を制御。 |
シェアする