JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptの正規表現（RegExp）で文字列内の非単語文字を検索する方法

    JavaScriptの正規表現を使って、文字列の中から「非単語文字」（英字 a〜z・A〜Z、数字 0〜9、アンダースコア _ 以外の文字）を検索したい場合は、メタ文字 \W を使用します。 非単語文字とは \w が「単語文字」に一致するのに対し、\W はその否定、つまり以下以外のすべての文字に一致します。 アルファベット小文字：a〜z アルファベット大文字：A〜Z 数字：0〜9 アンダースコア：_ たとえば、「%」や「!」などの記号や空白は非単語文字として検出されます。 サンプルコード 次のコードでは、文字列「100% Responsive!」から非単語文字をすべて抽出しています。パターン

  2. JavaScriptの正規表現で改行以外の任意の文字にマッチさせる方法

    JavaScriptの正規表現において、改行以外の任意の1文字を検索したい場合は、メタ文字「.」（ピリオド）を使用します。ピリオドは、改行文字（\n や \r など）を除くあらゆる1文字にマッチする特別な記号です。 サンプルコード 以下のコードでは、正規表現 /p.o/g を使って、「p」で始まり、任意の1文字を挟んで「o」で終わるパターン（例：pro）を文字列からすべて検索しています。 <html> <head> <title>JavaScript Regular Expression</title> </head> <

  3. JavaScriptのNavigatorオブジェクトとは？役割と主なプロパティ、使い方を解説

    Webページが現在動作しているブラウザの情報を取得したい場合に活用するのが、JavaScriptに組み込まれているNavigatorオブジェクトです。このオブジェクトを使うことで、ブラウザの種類やバージョン、対応言語、OSプラットフォームなど、実行環境に関するさまざまな情報を取得できます。Navigatorオブジェクトで取得できる主な情報Navigatorオブジェクトには、以下のような便利なプロパティが用意されています。navigator.userAgent … ブラウザのユーザーエージェント文字列（ブラウザ名・バージョン・OSなどの識別情報）navigator.appVersion … ブラ

  4. JavaScriptのdelete演算子の使い方！オブジェクトからプロパティを削除する方法

    JavaScriptでは、delete演算子を使用することで、オブジェクトから特定のプロパティを削除することができます。この記事では、書籍情報を管理するオブジェクトから「価格（price）」プロパティを削除するサンプルコードを通じて、delete演算子の基本的な使い方をわかりやすく解説します。 サンプルコード 以下のコードでは、まずコンストラクタ関数で書籍オブジェクトを作成し、その後 delete 演算子で price プロパティを削除しています。削除前後でオブジェクトの中身がどのように変化するか確認してみましょう。 <html> <head> &l

  5. JavaScript正規表現で数字（0〜9）を検索する方法

    JavaScript正規表現で数字を検索するにはJavaScriptの正規表現で数字（0〜9）を検索するには、メタ文字「\d」を使用します。\d「\d」は文字クラス「[0-9]」と同じ意味を持ち、半角数字1文字にマッチします。末尾にグローバルフラグ「g」を付けることで、文字列内に含まれるすべての数字を一度に検索できます。サンプルコード以下のコードは、match()メソッドと正規表現「/\d/g」を組み合わせて、文字列からすべての数字を抽出して表示する例です。<html>  <head>    <title

  6. JavaScriptで正規表現の使い方を簡単にする方法：修飾子（フラグ）の活用

    JavaScriptで正規表現の使用を簡略化したい場合は、修飾子（フラグ）を活用しましょう。修飾子を使うことで、複数行にまたがる検索や、大文字と小文字を区別しない検索などが簡単に実現できます。主な修飾子の一覧JavaScriptの正規表現でよく使われる修飾子は以下のとおりです。番号修飾子と説明1i大文字と小文字を区別せずにマッチングを行います。2m文字列に改行（LF）や復帰（CR）が含まれる場合、^ と $ が文字列全体の先頭・末尾ではなく、各行（改行の境界）の先頭・末尾にマッチするようになります。3gグローバルマッチを実行します。最初の一致で停止せず、文字列内のすべての一致を検索します。使用

  7. JavaScriptのDOMを使ってテーブルにキャプションを追加する方法

    HTMLテーブルにキャプション（表題）を追加したい場合、JavaScriptのDOMが提供する createCaption() メソッドを使うと簡単に実現できます。このメソッドは、指定したテーブル要素に対して <caption> 要素を動的に生成し、その内容を自由に設定できます。基本的な使い方まず、対象となるテーブルのIDを取得し、そこに対して createCaption() を呼び出します。戻り値として生成された caption 要素が返されるため、innerHTML プロパティで任意のテキストを設定しましょう。サンプルコード以下のコードでは、ボタンをクリックするとテーブルの上部

  8. JavaScript RegExpのexec()メソッドとは？役割と使い方をわかりやすく解説

    JavaScriptのexec()メソッドは、正規表現（RegExp）オブジェクトに定義されたパターンを使って、対象の文字列内を検索するためのメソッドです。検索の結果、パターンに一致する部分が見つかれば、そのマッチしたテキストを返します。一方、一致するものが存在しない場合はnullを返します。exec()メソッドの基本的な動作パターンに一致した場合：マッチした文字列を返すパターンに一致しなかった場合：nullを返すまた、exec()はマッチした文字列だけでなく、マッチ位置のインデックスや元の文字列などの詳細情報を持つ配列風のオブジェクトを返す点も特徴です。サンプルコード以下のコードを実行すると

  9. JavaScriptのマウスイベントを使って画像のロールオーバーを実装する方法

    マウスイベントを利用して画像のロールオーバー（マウスを重ねたときに画像が切り替わる効果）を実装するには、以下のコードを参考にしてください。サンプルコード<html>    <head>       <title>マウスイベントによるロールオーバー</title>       <script>          <!--            

  10. JavaScriptの正規表現（RegExp）で角括弧内に含まれない文字を検索する方法

    否定文字クラスとはJavaScriptの正規表現で、特定の文字「以外」を検索したい場合は、否定文字クラスと呼ばれるパターンを使用します。これは角括弧 [ ] の中の先頭にキャレット（^）を記述することで実現でき、「括弧内に列挙されていない任意の1文字」にマッチします。構文[^...]たとえば [^m] と書けば、「m 以外の任意の文字」に一致します。サンプルコード以下のコードでは、文字列から「m」以外のすべての文字を検索しています。<html> <head> <title>JavaScript Regular Expression</

  11. JavaScript正規表現で角かっこ（[]）内の文字を検索する方法を解説

    JavaScriptの正規表現で、角かっこ [ ] の間に指定した文字を検索するには、文字クラスと呼ばれるパターンの書き方を使います。検索したい文字を [...] のように角かっこで囲み、match() メソッドと組み合わせることで、文字列の中から該当する文字をすべて抽出できます。文字クラスの基本的な書き方正規表現において、角かっこで囲まれた部分は「文字クラス」と呼ばれ、その中に含まれるいずれか1文字にマッチします。例えば /[m]/g と書けば、文字列中の「m」をすべて検索できます。末尾の g フラグを付けると、最初の1件だけでなく、マッチするすべての文字を取得できます。サンプルコード以下の

  12. JavaScriptのDOMを使ってテーブルの行を削除する方法

    JavaScriptでテーブルの行を削除するには、DOMが提供する deleteRow() メソッドを使用します。このメソッドは、テーブルオブジェクトに対して呼び出し、引数に行のインデックス番号（0から始まる）を指定することで、該当する行を簡単に削除できます。サンプルコード以下のコードを実行すると、テーブルの行を1行ずつ削除する動作を確認できます。「行を削除」ボタンをクリックするたびに、テーブルの先頭行（インデックス0）が削除されていきます。<!DOCTYPE html> <html>    <head>     &n

  13. JavaScriptの正規表現で角かっこ内の範囲に含まれない数字を検索する方法

    JavaScriptの正規表現では、角かっこ [ ] の先頭にキャレット ^ を付けることで「否定」を表現できます。これにより、かっこ内で指定した範囲に含まれない文字だけを検索することが可能です。 使用するパターン たとえば、次のパターンは「0〜9以外の任意の1文字」にマッチします。 [^0-9] 同じ要領で [^4-6] と記述すれば、「4・5・6のいずれにも該当しない文字」にマッチします。このように、^ を使った否定文字クラスは、特定の範囲を除外してマッチングを行いたい場合に非常に便利です。 サンプルコード 以下のコードでは、文字列 987654 から 4〜6 の範囲に含まれない数字を取り

  14. JavaScriptの正規表現（RegExp）で角括弧内の数字を検索する方法

    JavaScriptの正規表現（RegExp）では、文字クラスと呼ばれる角括弧 [ ] を使うことで、特定の範囲の文字を簡単に検索できます。0〜9の数字にマッチさせる基本パターン0から9までの任意の10進数の数字にマッチさせたい場合は、以下のパターンを使用します。[0-9]このパターンは、ハイフン（-）で範囲を指定することで、その間に含まれるすべての文字に一致します。たとえば [4-6] と書けば、4、5、6 のいずれかにマッチします。サンプルコード以下のコードを実行すると、JavaScript RegExpで角括弧内の数字を検索する方法を確認できます。この例では、文字列「987654」の中か

  15. JavaScriptの正規表現（RegExp）で大文字・小文字を区別せずにマッチングする方法

    JavaScriptの正規表現で大文字と小文字を区別せずにパターンマッチングを行いたい場合は、iフラグ（ignore case）を使用します。このフラグを正規表現の末尾に付けるだけで、パターン内の英字が大文字・小文字どちらで書かれていても一致するようになります。iフラグの基本的な使い方通常、正規表現 /welcome/ は「Welcome」や「WELCOME」とは一致しません。しかし、次のように /welcome/i と記述することで、大文字・小文字の違いを無視してマッチングできます。サンプルコード以下のコードは、iフラグを使った大文字・小文字を区別しないマッチングの実例です。<html

  16. レガシーDOMでアクセスできるドキュメントプロパティの一覧と使い方

    レガシーDOM（Level 0 DOM）は、Netscape Navigatorや初期のInternet Explorerの時代から使われてきた、最も古いドキュメントオブジェクトモデルです。現在ではW3C標準のDOMが主流ですが、これらのプロパティは多くのブラウザで後方互換性のために今もサポートされています。ここでは、documentオブジェクトを通じてアクセスできる主なプロパティを一覧形式で解説します。 レガシーDOMで利用できるドキュメントプロパティ No.プロパティと説明 1 alinkColor非推奨 ― アクティブリンク（マウスボタンが押されている間のリンク）の色を指定

  17. JavaScript正規表現における特殊文字の役割とは？記号の意味と使い方を解説

    特殊文字とはJavaScriptの正規表現では、括弧で囲まれた文字シーケンスや単一の文字について、その出現回数（頻度）や出現位置を特殊文字を使って表現できます。それぞれの特殊文字には固有の意味が割り当てられており、パターンマッチングを柔軟に制御することが可能です。特に +、*、?、$ といった記号は、対象となる文字や文字シーケンスの後ろに置いて使用する点に注意してください。主な特殊文字の一覧No.表現と説明1p+「p」が1個以上含まれる任意の文字列にマッチします。2p*「p」が0個以上含まれる任意の文字列にマッチします。3p?「p」が最大1個含まれる任意の文字列にマッチします。4p{N}「p」

  18. W3C DOMメソッドを使ってドキュメントのプロパティにアクセスする方法

    ドキュメントオブジェクトモデル（DOM）は、HTMLやXML文書をプログラムから操作するための仕組みです。MicrosoftのInternet Explorer 4で初めて独自のDOMが導入されましたが、IE 5以降のバージョンでは、W3C（World Wide Web Consortium）が標準化した基本的なDOM機能がサポートされるようになりました。 W3C DOMでは、document.getElementsByTagName() や document.getElementById() といったメソッドを使うことで、タグ名やIDを指定して要素にアクセスし、そのプロパティを読み取ったり操

  19. JavaScriptで使えるDOMの種類を徹底解説！レガシーDOM・W3C DOM・IE4 DOMの違い

    JavaScriptでは、HTMLドキュメントの内容にアクセスしたり変更したりするために、複数の種類のDOM（Document Object Model）を利用できます。本記事では、代表的な3つのDOMの特徴と違いをわかりやすく解説します。 1. レガシーDOM（Legacy DOM） レガシーDOMは、JavaScriptの初期バージョンで導入された最も古いモデルです。すべてのブラウザで広くサポートされているという大きな利点がありますが、アクセスできるのはフォーム、フォーム要素、画像など、ドキュメントのごく一部の重要な要素に限定されます。 2. W3C DOM W3C DOMは、World

  20. W3C DOMでアクセスできるドキュメントプロパティの一覧と使い方を解説

    W3C DOMでアクセスできるドキュメントプロパティとはW3C DOM（Document Object Model）では、JavaScriptを通じてドキュメントオブジェクトが持つさまざまなプロパティにアクセスできます。これらのプロパティを活用することで、HTML文書の構造情報や表示状態をプログラムから取得・操作することが可能になります。以下に、W3C DOMを使用してアクセスできる主なドキュメントプロパティを一覧でまとめました。番号プロパティと説明1bodyドキュメントの<body>タグを表すElementオブジェクトへの参照です。ページ内の要素の追加や削除など、本文領域への操作

Total 5937 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:244/297  20-コンピューター/Page Goto:1 238 239 240 241 242 243 244 245 246 247 248 249 250