Home-theater-designers
動的なWebページを作成する場合は、HTMLとCSSの知識を次のように補足する必要があります。 JavaScriptの理解 。このスクリプト言語は、現代のWeb開発に不可欠であると考えられています。
JavaScriptを使用して、あらゆる種類の興味深いインタラクティブなアプリやウェブサイトを構築できますが、その過程で学ぶべきことがたくさんあります。そのことを念頭に置いて、次のJavaScriptチートシートを作成しました。
チートシートは、JavaScript要素が必要なときにいつでも簡単に復習することができます。初心者にも専門家にも便利です。
Windows10用の最高の無料メールアプリ
無料ダウンロード： このチートシートは、 ダウンロード可能なPDF ディストリビューションパートナーであるTradePubから。初めてアクセスするには、短いフォームに記入する必要があります。ダウンロード 究極のJavaScriptチートシート 。
究極のJavaScriptチートシート
| ショートカット | アクション |
|---|---|
| JavaScript配列 | |
| concat（） | 複数のアレイを1つに結合します |
| copyWithin（） | 配列内の配列要素を、指定された位置との間でコピーします |
| の指標（） | 指定されたオブジェクトのプリミティブ値を返します |
| include（） | 配列に指定された要素が含まれているかどうかを確認します |
| 加入（） | 配列の要素を1つの文字列に結合し、文字列を返します |
| エントリ（） | キーと値のペアを返す配列反復オブジェクト |
| 毎日（） | 配列内のすべての要素がテストに合格するかどうかを確認します |
| 塗りつぶし（） | 配列内の要素を静的な値で埋めます |
| フィルター（） | テストに合格した配列内のすべての要素を使用して新しい配列を作成します |
| 探す（） | テストに合格した配列の最初の要素の値を返します |
| forEach（） | 配列要素ごとに関数を呼び出す |
| から（） | オブジェクトから配列を作成する |
| lastIndexOf（） | 特定の要素が配列に現れる最後の位置を指定します |
| ポップ （） | 配列の最後の要素を削除します |
| 押す（） | 最後に新しい要素を追加します |
| 逆行する（） | 要素を降順で並べ替える |
| 減らす（） | 配列の値を単一の値に減らします（左から右へ） |
| reduceRight（） | 配列の値を単一の値に減らします（右から左へ） |
| シフト（） | 配列の最初の要素を削除します |
| スライス（） | 配列の一部のコピーを新しい配列オブジェクトにプルします |
| 選別（） | 要素をアルファベット順に並べ替える |
| スプライス（） | 指定された方法と位置で要素を追加します |
| unshift（） | 最初に新しい要素を追加します |
| JavaScriptブールメソッド | |
| toString（） | ブール値を文字列に変換し、結果を返します |
| valueOf（） | 特定の要素が配列に現れる最初の位置を返します |
| toSource（） | オブジェクトのソースコードを表す文字列を返します |
| JavaScript算術演算子 | |
| + | 添加 |
| - | 減算 |
| * | 乗算 |
| / | 分割 |
| （...） | グループ化演算子（括弧内の操作は、外側の操作よりも早く実行されます） |
| ％ | モジュラス（剰余） |
| ++ | 増分数 |
| - | デクリメント番号 |
| == | に等しい |
| === | 等しい値と等しいタイプ |
| ！= | 等しくない |
| ！== | 値が等しくない、またはタイプが等しくない |
| >> | 大なり記号 |
| < | 未満 |
| > = | 以上 |
| <= | 以下 |
| ？ | 三項演算子 |
| 論理演算子 | |
| && | 論理積 |
| || | 論理OR |
| ！ | 論理否定 |
| ビット演算子 | |
| ＆ | ANDステートメント |
| | | ORステートメント |
| 〜 | いいえ |
| ^ | XOR |
| << | 左方移動 |
| >> | 右シフト |
| >>> | ゼロフィル右シフト |
| 関数 | |
| alert（） | ブラウザウィンドウのアラートボックスにデータを出力する |
| 確認（） | はい/いいえダイアログを開き、ユーザーのクリックに応じてtrue / falseを返します |
| console.log（） | ブラウザコンソールに情報を書き込みます（デバッグ目的に適しています） |
| document.write（） | HTMLドキュメントに直接書き込む |
| 促す（） | ユーザー入力用のダイアログを作成する |
| グローバル関数 | |
| デコード（） | encodeURIまたは同様のものによって作成されたUniformResource Identifier（URI）をデコードします |
| decodeURIComponent（） | コンポーネントURIをデコードします |
| encodeURI（） | URIをUTF-8にエンコードします |
| encodeURIComponent（） | 同じですが、URIコンポーネント用です |
| eval（） | 文字列として表されるJavaScriptコードを評価する |
| isFinite（） | 渡された値が有限数であるかどうかを判別します |
| isNaN（） | 値が不正な数値であるかどうかを判別する |
| 番号（） | オブジェクトの値を数値に変換する |
| parseFloat（） | 文字列を解析し、浮動小数点数を返します |
| parseInt（） | 文字列を解析して整数を返します |
| JavaScriptループ | |
| にとって | JavaScriptでループを作成する最も一般的な方法 |
| その間 | ループが実行される条件を設定します |
| 一方を行います | ただし、whileループと同様に、少なくとも1回は実行され、最後にチェックを実行して、再度実行するための条件が満たされているかどうかを確認します。 |
| 壊す | 特定の条件が満たされた場合は、サイクルを停止して終了します |
| 継続する | 特定の条件が満たされた場合、サイクルの一部をスキップします |
| エスケープ文字 | |
| ' | 一重引用符 |
| ' | 二重引用符 |
| \ | バックスラッシュ |
| NS | バックスペース |
| NS | フォームフィード |
| NS | 改行 |
| NS | キャリッジリターン |
| NS | 水平タブレーター |
| v | 垂直タブレーター |
| JavaScript文字列メソッド | |
| charAt（） | 文字列内の指定された位置にある文字を返します |
| charCodeAt（） | その位置に文字のユニコードを与える |
| concat（） | 2つ以上の文字列を1つに連結（結合）します |
| fromCharCode（） | UTF-16コードユニットの指定されたシーケンスから作成された文字列を返します |
| の指標（） | 文字列内で指定されたテキストが最初に出現する位置を指定します |
| lastIndexOf（） | indexOf（）と同じですが、最後に発生したもので、逆方向に検索します |
| マッチ（） | 検索パターンに対する文字列の一致を取得します |
| 交換（） | 文字列内の指定されたテキストを検索して置換します |
| 探す（） | 一致するテキストの検索を実行し、その位置を返します |
| スライス（） | 文字列のセクションを抽出し、それを新しい文字列として返します |
| スプリット（） | 文字列オブジェクトを指定された位置で文字列の配列に分割します |
| startWith（） | 文字列が指定された文字で始まっているかどうかを確認します |
| substr（） | スライス（）に似ていますが、指定された文字数に応じて部分文字列を抽出します |
| substring（） | スライス（）に似ていますが、負のインデックスを受け入れることはできません |
| toLowerCase（） | 文字列を小文字に変換する |
| toUpperCase（） | 文字列を大文字に変換する |
| valueOf（） | 文字列オブジェクトのプリミティブ値（プロパティやメソッドを持たない）を返します |
| 正規表現構文 パターン修飾子 | |
| と | 交換を評価する |
| 私 | 大文字と小文字を区別しないマッチングを実行する |
| NS | グローバルマッチングを実行する |
| NS | 複数行のマッチングを実行する |
| NS | 文字列を1行として扱います |
| NS | パターンでコメントと空白を許可する |
| U | 貪欲でないパターン |
| ブラケット | |
| [abc] | 角かっこ内の文字のいずれかを検索します |
| [^ abc] | 角かっこで囲まれていない文字を検索します |
| [0-9] | 角かっこで指定された数字を検索します |
| [A-z] | 大文字のAから小文字のzまでの任意の文字を検索します |
| （a | b | c） | |で区切られた選択肢のいずれかを検索します |
| メタ文字 | |
| 。 | 改行または行末記号を除く単一の文字を検索します |
| の | 単語文字 |
| の | 単語以外の文字 |
| NS | 数字 |
| NS | 数字以外の文字 |
| NS | 空白文字 |
| NS | 空白以外の文字 |
| NS | 単語の最初/最後で一致するものを見つける |
| NS | 単語の最初/最後ではない一致を見つける |
| u0000 | ヌル文字 |
| NS | 改行文字 |
| NS | フォームフィード文字 |
| NS | キャリッジリターン文字 |
| NS | タブ文字 |
| v | 垂直タブ文字 |
| xxx | 8進数xxxで指定された文字 |
| xdd | 16進数ddで指定されたラテン文字 |
| udddd | 16進数ddddで指定されたUnicode文字 |
| 定量化子 | |
| n + | 少なくとも1つのnを含む任意の文字列に一致します |
| NS* | nのオカレンスが0個以上含まれる文字列 |
| NS？ | nが0回または1回出現する文字列 |
| n {X} | Xnのシーケンスを含む任意の文字列 |
| n {X、Y} | XからYnのシーケンスを含む文字列 |
| n {X、} | 少なくともXnのシーケンスを含む任意の文字列に一致します |
| n $ | 末尾にnが付いている任意の文字列 |
| ^ n | 先頭にnが付いた文字列 |
| ？= n | 特定の文字列nが後に続く任意の文字列 |
| ？！NS | 特定の文字列nが後に続かない文字列 |
| 数値プロパティ | |
| MAX_VALUE | JavaScriptで表現可能な最大数値 |
| MIN_VALUE | JavaScriptで表現可能な最小の正の数値 |
| NaN | Not-a-Number値 |
| NEGATIVE_INFINITY | 負の無限大の値 |
| POSITIVE_INFINITY | 正の無限大値 |
| 数値メソッド | |
| toExponential（） | 指数表記として記述された丸められた数値を含む文字列を返します |
| toFixed（） | 指定された小数点以下の桁数の数値の文字列を返します |
| toPrecision（） | 指定された長さで書き込まれた数値の戻り文字列 |
| toString（） | 数値を文字列として返す |
| valueOf（） | 数値を数値として返す |
| 数学のプロパティ | |
| と | オイラーの数 |
| LN2 | 2の自然対数 |
| LN10 | 10の自然対数 |
| LOG2E | Eの2を底とする対数 |
| LOG10E | Eの常用対数 |
| PI | 数PI |
| SQRT1_2 | 1/2の平方根 |
| SQRT2 | 2の平方根 |
| 数学の方法 | |
| abs（x） | xの絶対（正）値を返します |
| accos（x） | xのアークコサイン（ラジアン） |
| asin（x） | xのアークサイン（ラジアン） |
| アタン（x） | 数値としてのxのアークタンジェント |
| atan2（y、x） | その引数の商の逆正接 |
| ceil（x） | xの値は最も近い整数に切り上げられます |
| cos（x） | xの余弦（xはラジアン） |
| exp（x） | Exの値 |
| 床（x） | xの値は最も近い整数に切り捨てられます |
| log（x） | xの自然対数（基数E） |
| max（x、y、z、...、n） | 値が最も高い番号 |
| min（x、y、z、...、n） | 値が最も小さい番号 |
| パウ（x、y） | Xのy乗 |
| ランダム（） | 0から1までの乱数 |
| round（x） | 最も近い整数に丸められたxの値 |
| 罪（x） | xの正弦（xはラジアン） |
| sqrt（x） | xの平方根 |
| だから（x） | 角度の接線 |
| 日付 | |
| 日にち（） | 現在の日付と時刻で新しい日付オブジェクトを作成します |
| 日付（2017、5、21、3、23、10、0） | カスタム日付オブジェクトを作成します。数字は、年、月、日、時、分、秒、ミリ秒を表します。年と月以外は省略できます。 |
| 日付（2017-06-23） | 文字列としての日付宣言 |
| getDate（） | 月の日を数値として取得します（1-31） |
| getDay（） | 平日を数値（0〜6）で取得します |
| getFullYear（） | 年を4桁の数字（yyyy）として取得します |
| getHours（） | 時間を取得する（0-23） |
| getMilliseconds（） | ミリ秒（0-999）を取得します |
| getMinutes（） | 分を取得（0-59） |
| getMonth（） | 月を数字で取得（0-11） |
| getSeconds（） | 2番目を取得（0-59） |
| 時間をもらう（） | 時間を取得します（1970年1月1日からミリ秒） |
| getUTCDate（） | 世界時に応じた指定日の月の日（日付）（日、月、通年、時、分なども利用可能） |
| 解析する | 日付の文字列表現を解析し、1970年1月1日からのミリ秒数を返します |
| setDate（） | 日を数字として設定する（1-31） |
| setFullYear（） | 年を設定します（オプションで月と日） |
| setHours（） | 時間を設定する（0-23） |
| setMilliseconds（） | ミリ秒を設定します（0-999） |
| setMinutes（） | 分を設定する（0-59） |
| setMonth（） | 月を設定する（0-11） |
| setSeconds（） | 秒を設定します（0-59） |
| setTime（） | 時刻を設定します（1970年1月1日からミリ秒） |
| setUTCDate（） | 世界時（日、月、通年、時、分なども利用可能）に従って、指定した日付の曜日を設定します。 |
| DOMモード ノードのプロパティ | |
| 属性 | 要素に登録されているすべての属性のライブコレクション |
| baseURI | HTML要素の絶対ベースURL |
| childNodes | 要素の子ノードのコレクション |
| 第一子 | 要素の最初の子ノード |
| 最後の子 | 要素の最後の子ノード |
| nextSibling | 同じノードツリーレベルの次のノード |
| nodeName | ノードの名前 |
| nodeType | ノードのタイプ |
| nodeValue | ノードの値 |
| ownerDocument | 現在のノードの最上位ドキュメントオブジェクト |
| parentNode | 要素の親ノード |
| previousSibling | 現在のノードの直前のノード |
| textContent | ノードとその子孫のテキストコンテンツ |
| ノードメソッド | |
| appendChild（） | 最後の子ノードとして要素に新しい子ノードを追加します |
| cloneNode（） | HTML要素のクローンを作成します |
| compareDocumentPosition（） | 2つの要素のドキュメント位置を比較します |
| getFeature（） | 指定された機能のAPIを実装するオブジェクトを返します |
| hasAttributes（） | 要素に属性がある場合はtrueを返し、そうでない場合はfalseを返します |
| hasChildNodes（） | 要素に子ノードがある場合はtrueを返し、そうでない場合はfalseを返します |
| insertBefore（） | 指定された既存の子ノードの前に新しい子ノードを挿入します |
| isDefaultNamespace（） | 指定されたnamespaceURIがデフォルトの場合はtrueを返し、そうでない場合はfalseを返します |
| isEqualNode（） | 2つの要素が等しいかどうかを確認します |
| isSameNode（） | 2つの要素が同じノードであるかどうかを確認します |
| isSupported（） | 指定された機能が要素でサポートされている場合はtrueを返します |
| lookupNamespaceURI（） | 指定されたノードに関連付けられたnamespaceURIを返します |
| lookupPrefix（） | 指定されたnamespaceURIのプレフィックスを含むDOMStringが存在する場合は、それを返します |
| ノーマライズ（） | 隣接するテキストノードを結合し、要素内の空のテキストノードを削除します |
| removeChild（） | 要素から子ノードを削除します |
| replaceChild（） | 要素の子ノードを置き換えます |
| 要素メソッド | |
| getAttribute（） | 要素ノードの指定された属性値を返します |
| getAttributeNS（） | 指定された名前空間と名前を持つ属性の戻り文字列値 |
| getAttributeNode（） | 指定された属性ノードを取得します |
| getAttributeNodeNS（） | 指定された名前空間と名前を持つ属性の属性ノードを返します |
| getElementsByTagName（） | 指定されたタグ名を持つすべての子要素のコレクションを提供します |
| getElementsByTagNameNS（） | 指定された名前空間に属する特定のタグ名を持つ要素のライブHTMLコレクションを返します |
| hasAttribute（） | 要素に属性がある場合はtrueを返し、そうでない場合はfalseを返します |
| hasAttributeNS（） | 特定の名前空間の現在の要素が指定された属性を持っているかどうかを示すtrue / false値を指定します |
| removeAttribute（） | 指定された属性を要素から削除します |
| removeAttributeNS（） | 特定の名前空間内の要素から指定された属性を削除します |
| removeAttributeNode（） | 指定された属性ノードを削除し、削除されたノードを返します |
| setAttribute（） | 指定された属性を指定された値に設定または変更します |
| setAttributeNS（） | 新しい属性を追加するか、指定された名前空間と名前の属性の値を変更します |
| setAttributeNode（） | 指定された属性ノードを設定または変更します |
| setAttributeNodeNS（） | 新しい名前空間属性ノードを要素に追加します |
| ブラウザウィンドウのプロパティ | |
| 閉まっている | ウィンドウが閉じているかどうかを確認し、trueまたはfalseを返します |
| defaultStatus | ウィンドウのステータスバーでデフォルトのテキストを設定または返す |
| 資料 | ウィンドウのドキュメントオブジェクトを返す |
| フレーム | すべて返す |