JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptで配列の各要素を3乗（立方）する方法をわかりやすく解説

    JavaScriptで配列の各要素を3乗する基本の考え方JavaScriptで配列内の数値の3乗（立方）を求めたい場合、forループを使って各要素に順番にアクセスし、代入演算子「=」で元の値をその3乗値に置き換えるのが基本的なアプローチです。以下の手順に従うことで、目的の結果を簡単に得られます。手順配列 a = [1, 2, 3, 4, 5] を宣言します。forループを使って、配列の各要素（a[i]）に順にアクセスします。ループ内で代入演算子「=」を使用し、各要素をその3乗値（a[i] * a[i] * a[i]）で置き換えます。これらの手順を実行すると、出力は 1, 8, 27, 64,

  2. JavaScriptで配列を反転する方法を解説！reverse()メソッドと自作ロジックの実装例

    JavaScriptでは、配列の要素順を反転させる方法として、組み込みメソッドである reverse() を使う方法と、ループ処理などを活用して自分でロジックを実装する方法の2つがあります。それぞれのやり方をサンプルコード付きで詳しく見ていきましょう。 reverse()メソッドを使った配列の反転 最もシンプルな方法は、配列が標準で持っている reverse() メソッドを使うことです。このメソッドを呼び出すだけで、元の配列そのものの要素順が逆順に並び替えられます。 サンプルコード <html> <body> <script> var a = [1,2

  3. JavaScriptで配列をソートする方法を具体例付きで解説｜昇順・降順の書き方

    配列のソートとは ソートとは、配列内の要素を昇順（小さい順）または降順（大きい順）に並べ替える処理のことです。JavaScriptではArray.prototype.sort()メソッドを使用することで、比較関数（compare関数）のロジックに従って配列を柔軟に並べ替えることができます。 sort()メソッドに渡す比較関数は、比較対象となる2つの要素（a と b）を受け取ります。戻り値が負の値であれば a が b の前に、正の値であれば b が a の前に配置されます。この仕組みを活用すれば、単純な数値の並べ替えだけでなく、オブジェクトの特定プロパティを基準にしたソートも簡単に実装できます

  4. JavaScriptのunshift()とpush()の違いとは？配列への要素追加方法を徹底解説

    JavaScriptには、配列へ新しい要素を追加するためのメソッドがいくつかありますが、特によく使われるのが push() と unshift() の2つです。 どちらも配列に要素を追加するという点では共通していますが、決定的な違いは要素が追加される位置です。push()メソッドは配列の末尾に要素を追加するのに対し、unshift()メソッドは配列の先頭に要素を追加します。 それでは、それぞれの使い方を具体的なコード例とともに確認していきましょう。 1) push()メソッド ― 配列の末尾に要素を追加 Array.push()メソッドは、キューのように配列の末尾へ要素を追加します。引数は1

  5. JavaScriptで配列の最大値を取得する方法：Math.max()とsort()の使い方を徹底解説

    JavaScriptでは、Math.max()関数とsort()メソッドを活用することで、配列の中から最大値を簡単に見つけることができます。本記事では、それぞれの方法について具体的なサンプルコードとともにわかりやすく解説します。 1) Math.max()を使う方法 Math.max()は、引数として渡された複数の値の中から最大値を返す組み込み関数です。apply()メソッドと組み合わせることで、配列のすべての要素を一つずつ精査し、その中で最大の値を取得できます。以下の例で具体的な使い方を見ていきましょう。 コード例 <html> <body> <script&g

  6. JavaScriptのfinally文とは？try-catch後の処理を解説

    finally文とはJavaScriptにおけるfinally文は、tryブロックとcatchブロックの後に必ず実行されるコードを記述するための構文です。エラーが発生したかどうかにかかわらず、最終的には必ずこのブロック内の処理が実行されます。例えば、catchブロックでエラーを捕捉した場合でも、その後にfinallyブロックのコードは確実に実行されます。リソースの解放や後片付けの処理など、どのような結果であっても実行したい処理がある場合に非常に便利です。コード例以下の例では、division()という未定義の関数を呼び出しているためReferenceErrorが発生しますが、それでもfinal

  7. JavaScriptの論理演算子の種類を解説！&&・||・! の違いと使い方

    JavaScriptの論理演算子とは 論理演算子は、複数の条件を組み合わせたり、真偽値（Boolean）を反転させたりするために使われる演算子です。JavaScriptには主に次の3種類の論理演算子があります。 &&（AND：論理積） ||（OR：論理和） !（NOT：否定） AND演算子（&&） AND演算子（&&）は、左右の両方の式が true の場合にのみ true を返し、どちらか一方でも false であれば false を返します。 サンプルコード <html> <body> <p id=&quo

  8. JavaScriptの論理NOT（!）演算子とは？基本から実例までわかりやすく解説

    JavaScriptの論理NOT（!）演算子とは 論理NOT（!）演算子は、JavaScriptにおける単項演算子の一つで、オペランドの真偽値（ブール値）を反転させます。つまり、trueをfalseに、falseをtrueに変換します。「〜ではない」という否定条件を表現したい場合によく使われる、非常に重要な演算子です。 基本的な動作 !true → false を返す !false → true を返す 比較演算の結果に対しても適用できるため、条件式の評価結果を簡単に反転させることができます。 コード例 <html> <body> <p id="

  9. JavaScriptの加算代入演算子（+=）とは？基本から実例まで詳しく解説

    JavaScriptには、コードをより簡潔に書くための便利な演算子が多数用意されています。その中でも「加算代入演算子（+=）」は、変数に値を加算しながら代入を同時に行える演算子です。短いコードではその効果を実感しにくいかもしれませんが、長いコードや繰り返し処理が多い場面では、その存在感は無視できません。 加算代入演算子（+=）とは 「+=」は、加算（+）と代入（=）を1つの演算子にまとめたものです。次の2つのコードは、まったく同じ意味になります。 // 通常の書き方 tot = tot + a[i]; // 加算代入演算子を使った書き方 tot += a[i]; このように「+=」を使うこと

  10. JavaScriptのforループを使って数値配列の偶数のみを合計する方法

    JavaScriptでは、forループと剰余演算子（%）を組み合わせることで、数値配列の中から偶数だけを取り出して合計できます。偶数の判定は「2で割った余りが0である」という性質を利用するのが基本です。 偶数のみを合計する手順 合計を保持する変数（例：tot）を 0 で初期化する forループで配列の要素を先頭から順に1つずつ確認する a[i] % 2 == 0 が成り立つ要素（偶数）だけを合計に加算する ループ終了後、合計値を出力する サンプルコード <html> <body> <script> var tot = 0; var a = [1, 4

  11. JavaScriptで配列内の奇数だけを合計する方法

    JavaScriptでは、配列に含まれる数値から奇数だけを取り出して合計することが簡単に行えます。ポイントとなるのはモジュロ演算子（%）です。この演算子は割り算の余りを求めるため、2で割った余りが1になる数値＝奇数を判別できます。サンプルコード<html> <body> <script> var tot = 0; var a = [1,45,78,9,78,40,67,76]; for(var i = 0; i<a.length;i++){ if(a[i]%2 !== 0){ tot += a[i]

  12. JavaScriptのDate()オブジェクトとは？基本的な使い方を実例付きで解説

    Date()オブジェクトとはJavaScriptのDate()オブジェクトは、現在の日時を取得したり、指定した日時を扱ったりするための標準組み込みオブジェクトです。new Date()と記述するだけで、その瞬間の日時情報を持つオブジェクトを簡単に生成できます。また、引数を渡すことで、任意のフォーマットで特定の日時を設定することも可能です。基本的な使い方：現在の日時を取得する引数を何も指定せずにnew Date()を呼び出すと、コードを実行した時点の現在日時が返されます。サンプルコード<html><body><script> var d = new Dat

  13. JavaScript配列のshift()メソッドとは？使い方とpop()との違いを解説

    shift()メソッドとは shift()メソッドは、JavaScriptの配列から先頭（最初）の要素を削除するためのメソッドです。よく似たメソッドにpop()がありますが、pop()が配列の末尾の要素を削除するのに対し、shift()は配列の先頭の要素を削除する点が大きく異なります。 さらに、shift()メソッドは削除した要素を戻り値として返すため、削除された値をそのまま変数に代入して利用することも可能です。なお、空の配列に対してshift()を実行した場合は「undefined」が返されます。 サンプルコード <html> <body> <p id=&qu

  14. JavaScriptオブジェクトに要素（プロパティ）を追加する方法をわかりやすく解説

    JavaScriptオブジェクトの基本構造JavaScriptのオブジェクトは、キー（プロパティ名）と値のペアを波括弧（{}）で囲んで記述します。以下は、車の情報を表すオブジェクトの例です。var car = {name:Benz, Brand: Mercedes, model:open roof};このオブジェクトには「name」「Brand」「model」という3つのプロパティが含まれています。オブジェクトに新しい要素を追加する方法既存のオブジェクトに新しいプロパティを追加するには、ドット記法（.）を使って「オブジェクト名.プロパティ名 = 値」の形式で代入します。例えば、ベンツ車の価格（

  15. JavaScriptで出力を表示する4つの方法を徹底解説

    JavaScriptには、処理結果を画面やコンソールに表示するための方法が主に4つあります。それぞれの特徴と使い方を、実際のコード例とともにわかりやすく解説します。 1. innerHTML属性を使ってHTML要素に表示する あらかじめHTML側に用意した要素のidを指定し、innerHTMLプロパティに値を代入することで、ページ内の任意の場所に出力結果を表示できます。Webページの一部を動的に書き換えたい場合に最もよく使われる方法です。 コード例 <html> <body> <p id="display"></p> &l

  16. JavaScriptのTypedArray.reverse()関数とは？使い方とサンプルコードを解説

    JavaScriptにおけるreverse()関数は、TypedArrayオブジェクトが持つメソッドの一つで、型付き配列（typed array）の要素の並び順を逆にするために使用されます。この記事では、reverse()関数の基本的な構文と、実際のコード例を使った動作について詳しく解説します。基本情報reverse()メソッドは、呼び出し元の型付き配列そのものを反転させ、その結果として同じ配列への参照を返します。つまり、元の配列が直接変更される（破壊的メソッドである）点に注意が必要です。構文reverse()関数の構文は以下の通りです。引数は不要で、非常にシンプルに使えます。typedArr

  17. JavaScriptのTypedArray.set()メソッドとは？使い方をサンプルコードで解説

    TypedArrayオブジェクトのset()メソッドは、配列（または別の型付き配列）とインデックスを表す数値を受け取り、指定された配列の内容を現在の型付き配列に、指定したインデックスの位置から順にコピーします。既存の要素がある場合は、その位置から上書きされる点に注意してください。 構文 set()メソッドの構文は以下の通りです。 typedArray.set(array, offset) array: コピー元となる通常の配列、または別の型付き配列を指定します。 offset: コピーを開始するインデックス位置を指定します。省略した場合は0（先頭）からコピーされます。 使用例 以下の例では

  18. JavaScriptのTypedArray.slice()メソッドの使い方を解説｜構文とサンプルコード

    TypedArray.slice()メソッドとは型付き配列（TypedArray）オブジェクトのslice()メソッドは、配列バッファから指定した範囲の一部分（チャンク）を切り出し、新しい別のオブジェクトとして返します。引数には、返される範囲の開始位置と終了位置を表す2つの整数値を渡します。このメソッドは元の配列を一切変更せず、常に要素のコピーを作成して返す点が大きな特徴です。そのため、元データを保持したまま部分配列を安全に取得したい場合に役立ちます。構文typedArray.slice(開始インデックス, 終了インデックス)開始インデックス： 切り出しを始める位置（0始まり）。省略した場合は

  19. JavaScriptのTypedArray.sort()メソッドとは？使い方とサンプルコードを解説

    TypedArrayオブジェクトのsort()メソッドは、配列内の要素を昇順（小さい順）に並べ替え、その結果を返します。通常のArrayオブジェクトのsort()メソッドと異なり、引数を指定しない場合は文字列としてではなく数値として比較されるため、数値の並べ替えにそのまま利用できます。構文構文は以下のとおりです。typedArray.sort(compareFunction)引数のcompareFunctionは省略可能で、ソート順を定義する比較関数を指定できます。省略した場合は数値の昇順でソートされます。サンプルコードInt32Arrayの要素をsort()メソッドで昇順に並べ替える例を紹介

  20. JavaScript TypedArray values()メソッドの使い方とサンプルコード解説

    TypedArray.values()メソッドとはTypedArrayオブジェクトが持つvalues()メソッドは、型付き配列（typed array）に格納されている各要素の値を保持するイテレーターオブジェクトを返します。返されたイテレーターオブジェクトに対してnext()メソッドを呼び出すたびに、{ value: 値, done: 真偽値 }という形式のオブジェクトが1つずつ返され、配列内の要素を先頭から順番に取り出すことができます。すべての要素を取り出し終えると、doneプロパティがtrueになります。構文values()メソッドの基本的な構文は以下の通りです。typedArray.va

Total 5937 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:176/297  20-コンピューター/Page Goto:1 170 171 172 173 174 175 176 177 178 179 180 181 182