JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptのfor...inループとは？オブジェクトのプロパティを繰り返し処理する方法

    JavaScriptのfor...inループは、オブジェクトが持つプロパティを1つずつ順番に取り出して処理するための繰り返し構文です。オブジェクト内のすべての列挙可能なプロパティに対して同じ処理を実行したい場合に非常に便利です。 for...inループの基本構文 for...inループは次のように記述します。 for (変数名 in オブジェクト) { 実行する文またはブロック } ループが1回まわるごとに、オブジェクトのプロパティ名（キー）が変数に代入され、ブロック内の処理が実行されます。すべてのプロパティを処理し終えると、ループは自動的に終了します。 for...inループの使用例

  2. JavaScriptのforループとは？基本構文と使い方を初心者向けに解説

    forループは、JavaScriptにおける最もコンパクトなループ構文です。条件に応じて同じ処理を繰り返し実行したい場合に広く使われており、その構造は以下の3つの重要な要素で成り立っています。 forループを構成する3つの要素 初期化式（ループ初期化）：カウンターとなる変数に開始値を設定します。初期化式は、ループが始まる前に一度だけ実行されます。 条件式（テスト文）：指定した条件がtrueかどうかを判定します。条件がtrueであればループ内のコードが実行され、falseになった時点でループから抜け出します。 更新式（反復文）：カウンターの値を増加または減少させます。ループ内の処理が1回終わ

  3. JavaScriptのスプレッド演算子（...）とは？基本の使い方をわかりやすく解説

    JavaScriptのスプレッド演算子（...）は、配列やオブジェクト、文字列などの反復可能な要素を「展開（スプレッド）」して、個々の要素として扱えるようにする構文です。これにより、複数の引数や要素、変数などを簡潔に表現できるようになります。スプレッド演算子の基本的な考え方従来、配列同士を連結するには concat() メソッドを使うのが一般的でした。しかし、スプレッド演算子を使えば、より直感的で読みやすいコードで同じことが実現できます。例えば、[...array] と書くだけで配列の中身が展開され、別の配列リテラル内にそのまま埋め込むことができます。サンプルコード：concat() とスプレ

  4. JavaScriptのダブルチルダ（~~）演算子とは？Math.floor()との違いや使い方をわかりやすく解説

    ダブルチルダ演算子（~~）は、ビット否定演算子（~）を2回連続で適用する書き方です。数値の小数点以下を切り捨てて整数を取得できるため、Math.floor()の代替として利用されることがあります。 多くの実行環境では、メソッド呼び出しを行うMath.floor()よりもビット演算の~~の方が高速に処理されるという特徴があります。 ダブルチルダ演算子の基本的な仕組み 単体のビット否定演算子（~）は、数値の各ビットを反転させる演算です。これを2回適用するとビットが元に戻るため、結果的に「小数部分を切り捨てた整数」が得られます。 ~~2.9 → 2 ~~5 → 5（整数はそのまま） ただし、負

  5. JavaScriptのビットごとのOR代入演算子（|=）とは？使い方をわかりやすく解説

    ビットごとのOR代入演算子（|=）は、左オペランドと右オペランドに対してビット単位のOR演算を実行し、その結果を左のオペランドに代入する演算子です。つまり、a |= b は a = a | b と同じ意味を持ちます。 使用例 以下のコードを実行して、ビットごとのOR代入演算子の動作を確認してみましょう。 <html>    <body>       <script>          var a = 2; // 2進数表現：10    

  6. JavaScriptのビット単位XOR代入演算子（^=）とは？意味と使い方をわかりやすく解説

    ビット単位XOR代入演算子（^=）とはJavaScriptにおけるビット単位XOR代入演算子（^=）は、左オペランドと右オペランドに対してXOR（排他的論理和）のビット演算を実行し、その結果を左オペランドに代入する複合代入演算子です。つまり、次の2つの式は同じ意味になります。a ^= b;// 上記は以下と同等a = a ^ b;XOR演算では、対応する各ビットが異なる場合に「1」、同じ場合に「0」が返されます。この性質により、フラグの切り替えや値の反転など、さまざまな場面で活用できます。使用例以下のコードを実行すると、ビット単位XOR代入演算子の動作を確認できます。ライブデモ<html

  7. JavaScriptの「new」演算子とは？基本構文と使い方をわかりやすく解説

    JavaScriptにおける「new」は、新しいオブジェクトのインスタンスを生成するための演算子です。ユーザー定義のオブジェクト型だけでなく、ObjectやDateなどの組み込みオブジェクトからインスタンスを作成する際にも使用されます。基本構文new演算子の基本的な書き方は以下の通りです。new constructor[([arguments])]「constructor」の部分には、オブジェクトを生成するためのコンストラクタ関数を指定します。コンストラクタが引数を受け取る場合は、括弧内に引数を渡すこともできます。使用例ここでは、new演算子を使ってObjectオブジェクトのインスタンスを作成

  8. JavaScriptのif文とは？基本構文と使い方をわかりやすく解説

    if文（ifステートメント）は、JavaScriptにおける最も基本的な制御文です。条件に応じて処理の実行を分岐させることで、プログラムに「判断」を持たせることができます。 if文の基本構文 if文の基本的な書き方は以下のとおりです。 if(式){ 式がtrueの場合に実行されるステートメント } まず括弧内のJavaScriptの式が評価されます。その結果が true（真） であれば、波括弧 { } 内のステートメントが実行されます。逆に式が false（偽） と評価された場合は、ブロック内の処理は一切実行されません。 実際の開発では、条件判定の際に比較演算子（>、<、=

  9. JavaScriptのif...else文とは？条件分岐の基本をわかりやすく解説

    「if...else」文は、JavaScriptにおける制御構文の一つで、条件に応じて処理を分岐させたい場合に使用します。単純なif文と異なり、条件が真（true）の場合と偽（false）の場合の両方に対して、それぞれ異なる処理を記述できるのが特徴です。 基本構文 if...else文の基本的な書き方は以下の通りです。 if (expression) { // expression が true の場合に実行される処理 } else { // expression が false の場合に実行される処理 } まず括弧内の式（expression）が評価されます。その結果が true で

  10. JavaScriptのif...else if文とは？複数条件を扱う基本構文を解説

    if...else if文は、if...else文の拡張形であり、複数の条件の中から正しい判断を行いたい場合に使用されるJavaScriptの制御構造です。条件式を上から順に評価し、最初にtrueとなったブロック内の処理を実行します。基本構文if-else-if文の構文は以下のとおりです。if (条件式1){    // 条件式1がtrueの場合に実行される処理 } else if (条件式2){    // 条件式2がtrueの場合に実行される処理 } else if (条件式3){    // 条件式3がtrueの場合に実行される

  11. JavaScriptのswitch...caseステートメントとは？基本構文と使い方を解説

    switchステートメントとはswitchステートメントは、1つの式を評価し、その値に応じて複数の処理の中から実行するものを選ぶための構文です。実行エンジンは式の値と各caseを上から順に照合し、一致するものが見つかればそのcaseの処理を実行します。どこにも一致しなかった場合は、defaultに記述した処理が実行されます。同じ変数の値を複数の候補と比較して分岐したい場合、if...else ifを何度も繰り返し書くよりも、switchステートメントを使った方がコードが簡潔になり、可読性と効率の両面で優れています。基本構文switch (expression) { case 値1:

  12. JavaScriptのbreakステートメントとは？ループを抜け出す方法をわかりやすく解説

    breakステートメントは、ループ処理を途中で強制的に終了させ、そのループを囲む波括弧（{}）の外へ処理を移すために使われる制御構文です。 条件を満たした時点でもう繰り返しを続ける必要がない場合に、残りの反復をスキップして即座にループから脱出できるため、無駄な処理を省き、コードの効率と可読性を高めることができます。 whileループでのbreakステートメントの使用例 以下のコードを実行して、JavaScriptにおけるbreakステートメントの動作を確認してみましょう。この例では、whileループの中でbreakステートメントを使用しています。 変数 x が5に達した時点でループが早期に終了

  13. JavaScriptの加算代入演算子（+=）とは？基本の使い方をサンプルコード付きで解説

    JavaScriptにおける加算代入演算子（+=）は、右オペランド（右辺の値）を左オペランド（左辺の値）に加算し、その結果を左オペランドに代入する演算子です。 つまり、「a += b」は「a = a + b」と同じ意味になります。変数に値を足し込む処理を簡潔に書けるため、実務でも非常によく使われる演算子です。 加算代入演算子の動作イメージ 右オペランドの値を取得する 左オペランドの現在の値と加算する 計算結果を左オペランドに代入する サンプルコード 以下のコードを実行すると、加算代入演算子（+=）の実際の動作を確認できます。 <html>    <bo

  14. JavaScriptの加算演算子（+）とは？使い方とサンプルコードを解説

    加算演算子（+）は、JavaScriptにおける最も基本的な算術演算子の一つです。2つのオペランド（被演算子）を受け取り、その合計値を返すために使用されます。加算演算子の基本動作オペランドが両方とも数値の場合、通常の数学的な足し算が行われます。例えば 33 + 10 の結果は 43 になります。文字列連結にも使用される点に注意JavaScriptの + 演算子には重要な特徴があります。オペランドのどちらか一方でも文字列である場合、加算ではなく文字列の連結として機能します。10 + 20 → 30（数値の加算）10 + 20 → 1020（文字列の連結）意図しない結果を避けるため、演算対象のデー

  15. JavaScriptの代入演算子（=）とは？基本の使い方をわかりやすく解説

    代入演算子（=）とは JavaScriptにおける代入演算子「=」は、右側のオペランド（値や式）を左側のオペランド（変数など）に代入するための演算子です。例えば、「C = A + B」と記述した場合、A + B の計算結果が C に代入されます。 なお、「=」は数学で使う等号（イコール）とは意味が異なります。数学では「左辺と右辺が等しい」ことを表しますが、プログラミングでは「右の値を左に格納する」という操作を意味します。この違いは初心者がつまずきやすいポイントなので、しっかり理解しておきましょう。 代入演算子の使用例 以下のコードを実行して、代入演算子の動作を実際に確認してみましょう。 <

  16. JavaScriptのビット演算子「&（AND）」とは？仕組みと使い方を解説

    JavaScriptのビットごとのAND演算子（&）は、2つの整数の引数に対して、ビット単位で論理AND演算を実行する演算子です。 具体的には、2つの数値を2進数で表現したとき、同じ位置にあるビット同士を比較します。両方のビットが1である場合にのみ1を返し、どちらか一方でも0であれば結果は0になります。 AND演算の真理値表 1 & 1 → 1 1 & 0 → 0 0 & 1 → 0 0 & 0 → 0 使用例 以下のコードを実行して、ビットごとのAND演算子の動作を確認してみましょう。 <html>    <b

  17. JavaScriptの左シフト演算子（<<）とは？使い方をサンプルコード付きで解説

    JavaScriptの左シフト演算子（<<）とは左シフト演算子（<<）は、第1オペランドのすべてのビットを、第2オペランドで指定された桁数だけ左へ移動させるビット演算子です。移動後に空いた右側のビットには「0」が埋められます。値を1ビット左にシフトすると2倍、2ビット左にシフトすると4倍になる、というように、左シフトは2の累乗による乗算と同じ結果になります。動作の仕組み例えば、数値「2」は2進数で「10」と表されます。これを3ビット左にシフトすると「10000」、つまり10進数の「16」になります。これは 2 × 2³ = 16 の計算と一致します。サンプルコード以下の

  18. JavaScriptのビットNOT演算子（~）とは？使い方をわかりやすく解説

    ビットNOT演算子（~）は、JavaScriptにおける単項演算子の一つです。オペランド（対象となる値）のすべてのビットを反転させることで動作します。つまり、0であったビットを1に、1であったビットを0に変換します。ビットNOT演算子の基本的な仕組み数値は内部的には2進数（ビット列）として扱われます。例えば、3という数値は2進数で「11」と表現されます。これに対して~演算子を適用すると、すべてのビットが反転され、結果は -(n + 1) と等しくなります。したがって、~3 の結果は -4 となります。サンプルコード以下のコードを実行して、ビットNOT演算子（~）の動作を確認してみましょう。&l

  19. JavaScriptのビット単位OR演算子（|）とは？基本と使い方を解説

    JavaScriptのビット単位OR演算子（|）は、2つの整数値の各ビットに対して論理OR（ブールOR）演算を行う演算子です。比較する2つのビットのうち、どちらか一方でも「1」であれば、結果のそのビットは「1」になります。両方が「0」の場合のみ、「0」となります。例次のコードを実行すると、ビット単位OR演算子（|）の実際の動作を確認できます。<html>    <body>       <script>          var a = 2; // 2進数表現

  20. JavaScriptの右シフト演算子（>>）とは？仕組みと使い方を解説

    JavaScriptのビット単位の右シフト演算子（>>）とは右シフト演算子（>>）は、左オペランドの値を、右オペランドで指定されたビット数だけ右へ移動させる演算子です。たとえば a >> b と書くと、a の値が b ビット分だけ右にずらされます。右に1ビットシフトするごとに値は半分になるため、x >> n は「x を 2 の n 乗で割った値（小数点以下切り捨て）」と同じ結果になります。使用例次のコードを実行すると、ビット単位の右シフト演算子の動作を確認できます。<html>    <body> &n

Total 5937 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:273/297  20-コンピューター/Page Goto:1 267 268 269 270 271 272 273 274 275 276 277 278 279