JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. 【JavaScript】エポック（1970年1月1日）からの経過日数を取得する方法

    エポックからの経過日数とは？「エポック（Epoch）」とは、コンピュータが時刻を扱ううえでの基準点となる1970年1月1日00:00:00 UTCのことを指します。JavaScriptでは、この基準日から現在の日付までの経過日数を簡単に計算することができます。経過日数を求める手順は次のとおりです。Math.abs()メソッド：2つの日付の差（ミリ秒）を正の値（絶対値）として取得します。Math.floor()メソッド：差を秒に変換した後、86400（＝1日の秒数）で割り、小数点以下を切り捨てて整数の日数を求めます。サンプルコード以下は、現在の日付とエポックを基準とした日付の差分から、経過日数を

  2. JavaScriptで文字列を文字配列に変換する方法をわかりやすく解説

    JavaScriptで文字列を文字配列として扱いたい場面は多くあります。本記事では、substring()メソッドを使って文字列を1文字ずつ取り出し、文字配列のように処理する基本的な方法を解説します。 substring()メソッドを使った変換方法 substring()は、文字列の中から指定した範囲の部分文字列を抽出できるJavaScriptの標準メソッドです。開始位置iから終了位置i + 1までを指定することで、文字列を先頭から順番に1文字ずつ取得できます。 サンプルコード 以下のコードを実行すると、文字列「Amit」が1文字ずつアラートで表示され、文字配列のように扱えていることが

  3. エポックタイムスタンプをJavaScriptで意味のある日付に変換する方法

    JavaScriptのDateオブジェクトは、1970年1月1日00:00:00 UTC（エポック）からの経過ミリ秒数を基準として日時を管理しています。そのため、APIなどから /Date(1514789449605)/ のような形式のエポックタイムスタンプを受け取った場合でも、new Date() コンストラクタに数値を渡すだけで、人間が読める形式の日付へ簡単に変換できます。ここでは、エポック時間（ミリ秒）が 1514789449605 の場合を例に、意味のあるJavaScriptの日付へ変換する手順を解説します。サンプルコード<html>    &

  4. JavaScriptで日付文字列からDateオブジェクトを作成する方法

    日付文字列からDateオブジェクトを作成する基本JavaScriptでは、Dateコンストラクタに引数を渡すだけで、簡単に日付オブジェクトを作成できます。var date = new Date(2018, 1, 1);ここで重要なポイントは、月の指定が「0」から始まるインデックスになっていることです。つまり、0が1月（Jan）、1が2月（Feb）、2が3月（Mar）というように対応します。この仕様を忘れると、意図した日付より1ヶ月ずれた結果になってしまうため注意が必要です。サンプルコード以下のコードは、2018年1月1日のDateオブジェクトを作成し、画面に出力する例です。月の部分が「0」にな

  5. JavaScriptで配列をシリアライズする方法｜jQueryのserializeArray()メソッド徹底解説

    serializeArray()メソッドとはjQueryのserializeArray( )メソッドは、.serialize()メソッドと同様にフォームおよびフォーム内のすべての要素をシリアライズします。ただし、URLエンコードされた文字列ではなく、JavaScriptでそのまま扱えるJSONデータ構造（オブジェクトの配列）を返す点が大きな特徴です。返される配列の各要素は「{ name: フィールド名, value: 入力値 }」という形式のオブジェクトになるため、Ajax通信でのデータ送信や、取得した値の個別処理に非常に便利です。サーバー側（PHP）の準備まず、送信されたデータを受け取る側の

  6. JavaScriptで既存の配列に新しい値を追加するにはどうすればよいですか？

    既存の配列に新しい値を追加するには、JavaScriptのsplice()メソッドを使用します。splice()メソッドを使うと、配列内の任意の位置に要素を挿入したり、不要な要素を削除したりすることができます。splice()メソッドの基本構文splice()メソッドの基本的な構文は以下のとおりです。array.splice(index, deleteCount, item1, item2, ...)index： 挿入または削除を開始する位置（インデックス）deleteCount： 削除する要素の数（0を指定すると削除せずに挿入のみ行う）item1, item2, ...： 配列に追加する要素

  7. JavaScriptで現在時刻から「分」を抽出する方法

    JavaScriptで現在時刻から「分」を抽出するには、getMinutes()メソッドを使用します。DateオブジェクトのgetMinutes()メソッドは、指定された日時の「分」をローカルタイムに基づいて返します。戻り値は0から59までの整数です。基本的な使い方現在時刻から「分」を取得したい場合は、引数なしのnew Date()で現在の日時を生成し、そのままgetMinutes()を呼び出します。var now = new Date();var minutes = now.getMinutes();console.log(minutes);サンプルコード以下のコードを実行して、特定の日時か

  8. JavaScriptで現在の日付と時刻を取得する方法

    JavaScriptで現在の日付と時刻を取得するには、Date()メソッドを使用します。Date()メソッドは呼び出し時点の日付と時刻を文字列として返します。特別なオブジェクトを生成することなく、そのまま呼び出せる手軽なメソッドです。サンプルコード以下のコードを実行すると、現在の日付と時刻を画面に表示できます。<html>    <head>       <title>JavaScript Date Method</title>    </head>  

  9. JavaScriptで月の日（日にち）を取得するには？getDate()メソッドの使い方

    JavaScriptで月の日（日にち）を取得するには、getDate()メソッドを使用します。このメソッドは、ローカルタイムに基づいて、指定した日付の「日」を表す値を返します。getDate()メソッドの戻り値は、1から31までの整数です。日付オブジェクトから簡単に日にちだけを取り出したい場合に便利なメソッドです。getDate()メソッドの基本構文dateObj.getDate()引数は不要で、呼び出し元のDateオブジェクトが保持する日付から「日」の部分を整数として返します。サンプルコード以下のコードを実行すると、JavaScriptで月の日を取得する方法を実際に確認できます。<ht

  10. JavaScriptのgetDay()メソッドで曜日を取得する方法

    JavaScriptで曜日を取得する基本：getDay()メソッドJavaScriptで指定した日付の曜日を取得するには、DateオブジェクトのgetDay()メソッドを使用します。このメソッドは、ローカルタイムに基づいた曜日を整数値（0〜6）で返します。戻り値と曜日の対応は以下の通りです。0：日曜日1：月曜日2：火曜日3：水曜日4：木曜日5：金曜日6：土曜日注意点として、多くのプログラミング言語では週の始まりが月曜日ですが、JavaScriptのgetDay()では日曜日が「0」になる点に気をつけましょう。getDay()メソッドの使用例次のコードは、1995年12月25日の曜日を取得して表

  11. JavaScriptで現在の年を取得する方法【getFullYear()メソッドの使い方】

    JavaScriptで現在の年を取得するには？ JavaScriptで現在の「年」だけを取得したい場合は、getFullYear()メソッドを使用します。このメソッドは、Dateオブジェクトが保持する日付から、ローカル時間に基づいた年を数値として返します。 getFullYear()が返す値は絶対的な数値であり、1000年から9999年の間の日付であれば、必ず4桁の数字（例：2008）として返されます。西暦をそのまま扱いたい場合に非常に便利なメソッドです。 現在の年を取得する最もシンプルな書き方 現在の日時から年を取り出すなら、引数なしのnew Date()に対してgetFullYear()を

  12. JavaScriptのDateオブジェクトに30分を追加する方法

    JavaScriptのDateオブジェクトに分を加算したい場合は、setMinutes()メソッドを使用します。現在の分をgetMinutes()で取得し、そこに30を足して設定し直すだけで、簡単に30分後の時刻を求められます。 setMinutes()メソッドとは setMinutes()は、指定された日時の「分」をローカルタイム（現地時間）に基づいて設定するメソッドです。引数に0〜59の範囲外の値（例：75など）を渡した場合でも、自動的に時や日の繰り上がりが計算されるため、手動で桁上げを処理する必要がありません。 サンプルコード 以下のコードを実行すると、現在時刻に30分を追加したDate

  13. JavaScriptで日付をUTCに変換する方法｜getUTCDate()メソッドの使い方を解説

    JavaScriptの日付をUTC（協定世界時）に変換するには？ JavaScriptで日付をUTC（協定世界時）に変換するには、getUTCDate()メソッドを使用します。このメソッドは、指定された日付オブジェクトの「日」にあたる値を、協定世界時（UTC）に基づいて返します。戻り値は1から31までの整数です。 なお、UTCへの変換に関連するメソッドはほかにもあります。getUTCHours()（時）、getUTCMinutes()（分）、getUTCSeconds()（秒）などを組み合わせれば、日時全体をUTC基準で取得することも可能です。 サンプルコード 以下のコードを実行すると、日付を

  14. JavaScriptのDateオブジェクトに2時間を追加する方法

    JavaScriptのDate（日付）オブジェクトに2時間を追加するには、setHours()メソッドを使用します。このメソッドは、指定した日付の「時」をローカルタイムに基づいて設定するものです。まずgetHours()メソッドで現在の「時」を取得し、そこに2を加算して渡すことで、2時間後の日時を簡単に求められます。 サンプルコード 以下のコードを実行すると、現在日時に2時間を追加した結果を表示できます。 <html>    <head>       <title>JavaScript setHours Me

  15. JavaScriptで整数定数を定義する方法をわかりやすく解説

    JavaScriptで整数定数を定義するには？ ECMAScriptでは、constキーワードを使用することで、JavaScriptに定数を定義できます。整数定数を宣言したい場合は、次のようにconstを使います。 const MY_VAL = 5; // この代入はエラーになる MY_VAL = 10; 上記の例では、MY_VALが定数として宣言され、値「5」が割り当てられています。その後、同じ定数に対して別の値を代入しようとすると、エラーが発生します。 constによる再代入の禁止 constを使って宣言した変数には、再度値を代入することはできません。つまり、定数に新しい値を代入しようとす

  16. JavaScriptの配列に要素を追加する方法を解説

    JavaScriptの配列に要素を追加するには、push()メソッドを使用します。push()メソッドは、配列の末尾に1つ以上の要素を追加し、追加後の配列の長さを戻り値として返します。元の配列自体が変更される点に注意してください。サンプルコード以下のコードを実行すると、配列の末尾に新しい要素「HR」を追加できます。<html>   <body>      <script>         var arr = ["marketing", &q

  17. JavaScriptでゼロ（0）で埋められた配列を作成する方法

    ゼロで埋められた配列とはJavaScriptで、あらかじめすべての要素が 0（ゼロ） で初期化された配列を作成したい場合があります。そんなときに便利なのが、型付き配列（Typed Array）のひとつである Uint8Array です。Uint8Array は 8 ビット符号なし整数を扱う配列オブジェクトで、コンストラクタに要素数を指定して生成すると、すべての要素が自動的に 0 で初期化されます。通常の配列と異なり、数値データのみを扱うためメモリ効率が良いのも特徴です。サンプルコード以下のコードを実行して、動作を確認してみましょう。<html>  <bod

  18. JavaScriptで配列の長さ（要素数）を取得する方法【lengthプロパティ】

    JavaScriptで配列の長さ（要素数）を調べるには、lengthプロパティを使用します。このプロパティは、配列に含まれる要素の数を表す符号なし32ビット整数を返します。 lengthプロパティの基本構文 使い方は非常にシンプルで、次のように記述します。 array.length サンプルコード 実際に、lengthプロパティを使って配列の長さを取得してみましょう。以下のコードを実行すると、配列arrに含まれる要素数が画面に表示されます。 <html>    <head>      &nb

  19. JavaScriptで配列を文字列に変換する方法｜toString()メソッドの使い方

    JavaScriptで配列を文字列に変換するには、toString()メソッドを使用します。ArrayオブジェクトのtoString()メソッドは、指定された配列とその要素を表す文字列を返します。各要素はカンマ（,）で区切られて連結され、1つの文字列として出力されます。なお、配列を文字列コンテキストで扱った場合にも、このtoString()メソッドは自動的に呼び出されるため、配列から文字列への変換において最も基本的なメソッドといえます。サンプルコード以下のコードを実行すると、配列がどのように文字列へ変換されるかを確認できます。<html>    <head

  20. JavaScriptで配列の末尾に要素を追加する方法【push()メソッドの使い方】

    JavaScriptの配列の末尾に要素を追加したい場合は、push()メソッドを使用します。push()メソッドは、引数として渡された1つ以上の要素を配列の最後に追加し、追加後の新しい配列の長さを戻り値として返します。基本的な使い方push()メソッドの構文は以下のとおりです。array.push(element1, element2, ...)複数の要素をカンマ区切りで渡すことで、一度にまとめて追加することも可能です。元の配列自体が変更される（破壊的メソッド）点に注意してください。サンプルコード次のコードは、配列の末尾に要素を追加する実際の例です。<html>   &n

Total 5937 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:255/297  20-コンピューター/Page Goto:1 249 250 251 252 253 254 255 256 257 258 259 260 261