JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptのsubstr()メソッドの使い方とは？

    substr()メソッドとはsubstr()メソッドは、文字列の中から指定したインデックス位置を起点として一部を抽出し、指定した文字数分の部分文字列を返します。元の文字列自体は変更されません。構文substr()メソッドは、「start（開始位置）」と「length（長さ）」の2つの引数を受け取ります。str.substr(start, length)引数の説明a) start： 元の文字列から部分文字列を抽出し始める開始インデックスを指定します。b) length： startで指定した位置から何文字分を抽出するかを指定します。第2引数を省略した場合（undefinedの場合）は、start

  2. JavaScriptのslice()メソッドとは？文字列の切り出し方法をわかりやすく解説

    JavaScriptで文字列の一部を取り出したいときに便利なのが、slice()メソッドです。この記事では、slice()メソッドの基本的な使い方から具体的なコード例まで、初心者にもわかりやすく解説します。 slice()メソッドとはslice()メソッドは、文字列の一部を切り取って抽出し、その部分を新しい文字列として返すメソッドです。元の文字列は変更されず、そのまま保持される点が大きな特徴です。 基本構文slice()メソッドは、「開始インデックス」と「終了インデックス」の2つの引数を受け取ります。記述方法は以下の通りです。 string.slice(開始インデックス, 終了インデックス)

  3. JavaScriptのMath.ceil()メソッドとMath.round()メソッドの違いとは？切り上げと四捨五入を徹底解説

    Math.ceil()メソッドとMath.round()メソッドには、数値を丸める際の動作に重要な違いがあります。Math.ceil()は引数として渡された数値を常に「切り上げ」て、元の値以上で最も近い整数を返すのに対し、Math.round()は「四捨五入」を行い、元の値に最も近い整数を返します。それぞれのメソッドについて、具体的な例を見ながら詳しく解説していきます。 Math.ceil()メソッド：常に切り上げる Math.ceil()メソッドは、引数として渡された数値を切り上げ、その値以上で最小の整数を返します。小数点以下の値がどれほど小さくても（たとえば5.01のような場合でも）、

  4. JavaScriptのArray.entries()メソッドとは？使い方を実例付きで解説

    Array.entries()メソッドとはJavaScriptのArray.entries()メソッドは、配列の各インデックス（キー）とその位置にある要素（値）のペアを格納した、新しいArray Iteratorオブジェクトを返します。このイテレータをfor...ofループなどで反復処理することで、インデックスと値をセットで簡単に取り出すことができます。構文array.entries();引数は不要で、呼び出し元の配列に対してそのまま使用します。元の配列自体は変更されません。使用例次の例では、elements.entries()で取得したイテレータを変数に代入し、for...ofループを使って

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

    JavaScriptのcharAt()メソッドは、文字列の中から指定したインデックス（位置）にある文字を取り出すためのメソッドです。引数としてインデックス番号を1つ渡すことで、その位置に対応する文字を取得できます。charAt()メソッドの基本構文string.charAt(index);なお、文字列のインデックスは0から始まる点に注意してください。また、存在しないインデックスを指定した場合は空文字（）が返されます。例1：インデックス9の文字を取得する次の例では、charAt()メソッドにインデックス「9」を引数として渡しています。その結果、文字列の10番目の文字である「p」が出力されます。&

  6. JavaScriptで配列の最小値を取得する2つの方法｜Math.min()とsort()の使い方

    Math.min()とsort()で配列の最小値を取得できるJavaScriptでは、Math.min()とsort()という2つの代表的な手法を使って、配列の中から最小値を簡単に見つけることができます。それぞれの使い方をサンプルコード付きで解説します。1) Math.min()を使う方法Math.min()関数は、引数として渡されたすべての値を調べ、その中で最も小さい値を返します。apply()メソッドと組み合わせることで、配列の全要素をまとめて渡し、最小値を求めることができます。以下の例で具体的な使い方を確認してみましょう。例<html> <body> <sc

  7. JavaScriptのオブジェクトとは？プロパティへのアクセス方法を実例付きで解説

    JavaScriptにおいて、オブジェクトは最も重要な概念の一つです。ブーリアン値、数値、文字列、関数など、言語を構成するほぼすべてのものがオブジェクトとして扱われます。本記事では、オブジェクトのプロパティにアクセスする基本的な方法を、実際のコード例とともにわかりやすく解説します。オブジェクトのプロパティへアクセスするオブジェクトのプロパティには、主に「ドット記法（.）」を使ってアクセスします。また、配列の中にオブジェクトが入れ子になっている場合でも、「[インデックス]」を組み合わせることで、深い階層にある値も簡単に取り出せます。例1：入れ子になった配列内のプロパティにアクセスする次の例では、

  8. JSON.stringify()とは？JavaScriptでの使い方を実例つきで解説

    JSON.stringify()とはJSON.stringify()は、JavaScriptのオブジェクトや配列をJSON形式の文字列に変換するための組み込みメソッドです。Webサーバーにデータを送信する際、データは文字列として扱われる必要があります。そのため、オブジェクトリテラルをそのまま送信することはできず、JSON.stringify()メソッドを使って文字列へ変換する必要があります。基本構文JSON.stringify(value[, replacer[, space]])value: JSON文字列に変換する対象（オブジェクトや配列など）replacer: 省略可能。変換の挙動を制御

  9. MongoDBのJavaScriptシェルで8バイト整数を挿入する方法

    MongoDBで8バイト整数を挿入する基本構文JavaScriptシェルからMongoDBに8バイト整数（64ビット整数）を挿入するには、NumberLong()を使用します。基本的な構文は以下の通りです。anyVariableName = {yourFieldName : new NumberLong(yourValue)};実際の挿入例以下は、「userId」というフィールドに8バイト整数を挿入するクエリの実行例です。> userDetail = {userId : new NumberLong(98686869)}; { userId : NumberLong(98686869)

  10. JSON.parse()とは？JavaScriptでの使い方を初心者向けにわかりやすく解説

    JSON.parse()メソッドとはWebサーバーからデータを受信する場合、そのデータは常に文字列（string）として届きます。しかし、JavaScriptでデータを操作するには、文字列のままでは不都合なことが多く、オブジェクトへ変換する必要があります。この変換を行うのが JSON.parse() メソッドです。JSON.parse() は、JSON形式の文字列を引数として受け取り、それを解析（パース）して、対応するJavaScriptのオブジェクトや値を返します。基本構文JSON.parse(text)text： JSON形式として有効な文字列を指定します。なお、第2引数に関数（reviv

  11. JavaScriptのforEach()メソッドとは？使い方をわかりやすく解説

    配列の反復処理（イテレーション）とは、関数の要件に従って、配列内の各要素をひとつずつ確認・処理していくことを指します。JavaScriptにはさまざまな反復処理の方法がありますが、その中でも手軽に使えるのがforEach()メソッドです。 forEach()メソッドとは forEach()メソッドは、配列内の各要素に対して、指定したコールバック関数を一度ずつ呼び出すためのメソッドです。for文などのループ構文を使わずに、簡潔な記述で配列全体を処理できるのが特徴です。 以下に、forEach()メソッドの基本的な使用例を2つ紹介します。 例1：数値配列を処理する <html> <

  12. JavaScriptのArray.filter()メソッドとは?重要性と実用例をわかりやすく解説

    Array.filter()メソッドとは JavaScriptのArray.filter()メソッドは、引数として渡されたテスト関数(コールバック関数)に合格したすべての要素を含む新しい配列を作成するメソッドです。元の配列は一切変更されないため、既存のデータを壊さずに安全に絞り込み処理を行える点が大きな特徴です。 このメソッドが重要視される理由は、主に以下の3点にあります。 宣言的な記述ができる: for文などのループを明示的に書く必要がなく、「どんな条件で抽出したいか」だけをシンプルに表現できます。 元の配列を保持する: 元データが変更されないため、意図しない副作用を防ぎ、バグの発生を抑

  13. JavaScriptのArray.reduce()メソッドとは？基本的な使い方を解説

    Array.reduce()メソッドとはArray.reduce()は、配列の各要素に対して開発者が指定した関数（コールバック関数）を順番に適用し、最終的に単一の値を出力するJavaScriptの配列メソッドです。この処理は「畳み込み（リデュース）」とも呼ばれ、配列内のすべての要素を集約して一つの結果を得たい場合に非常に便利です。たとえば、配列 [1, 2, 3, 4] の合計を求める場合、reduce()メソッドは左から右へ各要素を順に処理していき、最終的な結果として 10 という単一の値を返します。基本構文array.reduce((accumulator, currentValue) =

  14. JavaScriptのArray.reduceRight()メソッドとは？使い方と実行例を解説

    Array.reduceRight()メソッドの基本Array.reduceRight()は、JavaScriptに標準で組み込まれている配列メソッドの一つです。配列の各要素を右から左へ（末尾から先頭へ）順番に処理し、それらを最終的に単一の値へとまとめる（畳み込む）ために使用されます。このメソッドのコールバック関数には、「前回の値（previousValue）」と「現在の値（currentValue）」という2つの引数が渡されます。処理は配列の末尾側から開始され、各ステップでの計算結果が次のステップへ引き継がれていく仕組みです。なお、よく似たメソッドであるreduce()は配列の先頭から処理を

  15. JavaScriptのArray.every()メソッドの使い方を実例付きで解説

    Array.every()メソッドとは？Array.every()メソッドは、配列内のすべての要素が、指定されたコールバック関数によるテスト条件を満たしているかどうかを判定するメソッドです。すべての要素がテストに合格すればtrueを返し、1つでも不合格の要素が存在すればfalseを返します。基本構文array.every(callback(element[, index[, array]])[, thisArg])element: 現在処理されている要素index: 現在処理されている要素のインデックス（省略可能）array: 呼び出し元の配列（省略可能）なお、空の配列に対してevery()を

  16. JavaScriptのコードはどこに書く？scriptタグの基本的な使い方と実行サンプルを解説

    ブラウザ上でJavaScriptを実行するには、コードをscriptタグの中に記述する必要があります。scriptタグがある場所をブラウザが認識し、その間に書かれたスクリプトを読み込んで実行します。 JavaScriptを記述できる3つの場所 JavaScriptのコードは、主に以下の3つの場所に配置できます。 HTMLのheadタグ内 HTMLのbodyタグ内 外部ファイルとして読み込む クライアントサイドで動作するスクリプトであるJavaScriptは、必ずscriptタグで囲んで記述するのが最も重要なポイントです。scriptタグの外に書かれたコードは実行されないので注意しましょう。

  17. HTMLの<script>タグとは？JavaScriptコードを正しく記述する方法

    HTMLの<script>タグについてJavaScriptをWebページで動かすためには、<script>タグの役割を理解することが重要です。ここでは、<script>タグの基本的な使い方と、コードの記述位置による違いを解説します。<script>タグの基本a) <script>タグは、クライアントサイドで実行されるスクリプト（主にJavaScript）を定義するために使用されます。b) <script>タグの中には、スクリプトのステートメントを直接記述するか、外部スクリプトファイルへの参照を含めることができます。Java

  18. JavaScriptの算術演算子とは？加算・剰余・乗算の基本をコード例で解説

    JavaScriptには、加算（+）、減算（-）、乗算（*）、除算（/）などの算術演算子が用意されています。これらは数値計算の基本となる機能で、日常的なプログラミングで頻繁に使われます。本記事では、実際のコード例を交えながら、代表的な算術演算子の使い方をわかりやすく解説していきます。1) 加算と剰余演算子まずは加算演算子（+）と剰余演算子（%）を組み合わせた例を見てみましょう。次のコードでは、配列内の偶数だけを取り出して合計値を計算しています。「%」は割り算の余りを求める演算子です。「a[i] % 2 == 0」とすることで、その要素が偶数（2で割った余りが0）かどうかを判定できます。サンプル

  19. JavaScriptのビット演算子（AND・OR・XOR）の使い方を徹底解説

    JavaScriptのビット演算子とはビット演算子は、数値を2進数のビット単位で処理するための演算子です。主な種類としてAND（&）、OR（|）、XOR（^）があります。それぞれの動作を、実際のコード例と実行結果をもとに詳しく見ていきましょう。a) AND演算子（&）AND演算子は、比較する2つのビットがどちらも1の場合にのみ1を返します。コード例<html> <body> <p id=and></p> <script> document.getElementById(and).innerHTML = 13 &a

  20. JavaScriptのビット演算子入門｜NOT（~）・左シフト（<<）・右シフト（>>）をわかりやすく解説

    JavaScriptのビット否定演算子（Bitwise NOT：~） チルダ記号（~）を使うビット否定演算子は、数値を32ビットの2進数として扱い、すべてのビットを反転させる演算です。「0」は「1」に、「1」は「0」に変わります。JavaScriptでは ~x の結果は必ず -(x + 1) と等しくなるという特徴があります。 コード例 <html> <body> <p id=not></p> <script> document.getElementById(not).innerHTML = ~ 13; </script

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