JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptのprompt()で入力した値を条件式で評価する方法

    prompt()で入力した値をJavaScriptの条件式で評価する JavaScriptでは、prompt()メソッドを使ってユーザーから値を入力してもらい、その値を条件式（if文）で評価することができます。この記事では、2つの数値を入力して掛け算した結果を条件判定する具体例を解説します。 ポイントは、parseInt()を使って入力された文字列を数値に変換している点です。prompt()の戻り値は常に文字列のため、そのまま計算すると意図しない結果になる可能性があります。 var firstvalue = parseInt(prompt(Enter the value1)); var sec

  2. 【初心者向け】JavaScriptでJSONオブジェクトから特定の要素を削除する方法

    JavaScriptでJSONデータを扱っていると、不要になったプロパティ（要素）を削除したい場面があります。本記事では、deleteキーワードを使ってJSONオブジェクトから特定の要素を削除する方法を、具体的なコード例とともにわかりやすく解説します。 サンプルとなるJSONデータ まず、以下のような顧客情報を持つ配列（JSON）を用意します。 var details = [ { customerName: Chris, customerAge: 32 }, { customerName: David,

  3. JavaScriptで整数配列を文字列配列に変換する方法

    JavaScriptで整数配列を文字列配列に変換する方法JavaScriptでは、map(String)メソッドを使うことで、整数の配列を簡単に文字列の配列に変換できます。map()は配列の各要素に対して指定した関数を適用し、その結果から新しい配列を生成するメソッドです。ここにString関数を渡すことで、配列内のすべての数値が文字列へと変換されます。例として、次のような整数の配列があるとしましょう。var integerValues = [101, 50, 70, 90, 110, 90, 94, 68];この整数配列を文字列配列に変換するには、次のように記述します。var stringVa

  4. JavaScriptで大きな数値を正確に扱う方法：+演算子の精度低下とBigInt()による解決策

    JavaScriptで大きな数値を格納する場合、+演算子ではなく BigInt() を使用することをおすすめします。+演算子で文字列を数値に変換すると、桁数の多い数値では精度が失われる可能性があります。 これは、JavaScriptの通常の数値型（Number型）がIEEE 754形式の倍精度浮動小数点数として内部的に処理されるためです。安全に正確に表現できる整数は「2^53 - 1」までであり、それを超える数値は丸め誤差が発生します。 +演算子とBigInt()の違いを確認する 以下の例では、同じ大きな数値を +演算子と BigInt() のそれぞれで処理し、結果の違いを確認しています。 サ

  5. JavaScriptで値がパーセンテージ（%）かどうかを正規表現で判定する方法

    値がパーセンテージかどうかを確認するにはたとえば、次のような値があったとします。var value = 97%;この値がパーセンテージ（%）形式かどうかを判定するには、正規表現を使用します。使用する正規表現の解説本記事では /^\d+(\.\d+)?%$/ というパターンを使います。それぞれの意味は以下のとおりです。^ … 文字列の先頭から一致することを示す\d+ … 整数部分（1桁以上の数字）(\.\d+)? … 小数点以下は任意（存在してもしなくてもよい）%$ … 文字列の末尾が「%」であることこのパターンにより、「97%」「12.5%」のような形式は true、「percent」のような

  6. 【JavaScript】オブジェクトの値を使って数値をループし、結果を配列に格納する方法

    オブジェクトの値をもとに数値をループして配列を生成する JavaScriptでは、「オブジェクトが持つキーと値を利用しながら、指定した長さの配列を作りたい」というケースがあります。例えば、次のようなオブジェクトがあったとしましょう。 var numberObject = { 2: 90, 6: 98 } このオブジェクトは、キー「2」に値「90」、キー「6」に値「98」が格納されています。ここで、長さ15の配列を作成し、オブジェクトのキーに一致する位置にはその値を、一致しない位置にはnovalueという文字列を格納する処理を実装してみます。 解決策：Array.from()メソッドを使う こ

  7. DOM要素を取得してconsole.logでコンソールに出力する方法【JavaScript入門】

    JavaScriptでDOMに関連する変数をコンソールに表示したい場合、document.getElementById()を使用して対象の要素を取得し、その結果をconsole.log()で出力します。この記事では、実際のコード例を使って、DOM要素をコンソールにログとして表示する手順をわかりやすく解説します。コード例以下は、テキスト入力フィールドのDOM要素を取得してコンソールに表示するサンプルコードです。<!DOCTYPE html> <html lang=ja> <head>    <meta charset=UTF-8>

  8. JavaScriptでnewキーワードのコンストラクター内に内部関数を追加する際の字句スコープ（this）の問題とその解決方法

    JavaScriptのコンストラクター関数内で内部関数を定義すると、その内部関数の中で this が期待したオブジェクト（インスタンス）を指さず、字句スコープに関する問題が発生することがあります。問題の原因コンストラクター関数内で定義された通常の内部関数は、呼び出し方によっては this がグローバルオブジェクト（strictモードでは undefined）を指してしまい、生成したインスタンス自体にアクセスできません。これにより、インスタンスのプロパティを内部関数から参照しようとしても意図どおりに動作しません。解決策：thisの値を変数に保持するこの問題を解決するには、this キーワードの仕

  9. JavaScriptで文字列を改行する方法

    JavaScriptで文字列に改行を挿入するには？ JavaScriptで文字列を改行して表示したい場合は、HTMLの <br> タグを使用します。文字列同士を + 演算子で連結し、その間に <br> を挟むことで、ブラウザ上で改行された状態で表示されます。 サンプルコード 以下は、innerHTML プロパティと <br> タグを組み合わせて、見出し内のテキストを2行に分けて表示するコード例です。 <!DOCTYPE html> <html lang="ja"> <head> <meta

  10. JavaScriptで三項演算子をif-else文に書き換える方法

    三項演算子の代替としてif-else文を使う JavaScriptでは、三項演算子（条件演算子）を使わずに、if-else文だけで同じ処理を実現できます。条件分岐をより読みやすくしたい場合に有効な方法です。 ここでは、2つの数値を比較する例を見ていきましょう。まず、比較対象となる変数を用意します。 var number1 = 12; var number2 = 12; この2つの数値が等しいかどうかを判定するには、三項演算子の代わりにif-else文を次のように使います。 if(number1 == number2)     console.log(tr

  11. JavaScriptで数値がfloat（浮動小数点数）か整数（integer）かを判定する方法

    JavaScriptでは、変数に格納された数値が「整数（integer）」なのか「浮動小数点数（float）」なのかを判別したい場面があります。たとえば、次のような変数を考えてみましょう。var value1 = 10; var value2 = 10.15;判定方法：Number() と剰余演算子（%）を組み合わせる数値がfloatかどうかを判定するには、Number()による型チェックと剰余演算子%を組み合わせた条件式を使用します。Number(value) === value && value % 1 !== 0;この条件式の仕組みは以下の通りです。Number(valu

  12. 【JavaScript】配列の先頭にある先行ゼロを削除する方法

    はじめにこの記事では、JavaScriptで数値の配列から先行ゼロ（先頭に連続する 0）を削除する方法を解説します。求められている要件はシンプルです。数値の配列を受け取り、もし先頭に 0 が並んでいれば、その先行ゼロを元の配列を直接変更して（in place）削除します。先頭に 0 がない場合は、何も行いません。処理のイメージたとえば、次のような入力配列があったとします。const arr = [0, 0, 0, 14, 0, 63, 0];この場合、期待される出力は以下のとおりです。先頭の 3つの 0 だけが取り除かれ、途中や末尾にある 0 はそのまま残ります。const output =

  13. JavaScriptでundefinedの値を無視して2つのオブジェクトをマージする方法

    ここでは、次のような2つのオブジェクトAとBがあると仮定します。const A = { activity: purchased, count: undefined, time: 09:05:33 };const B = { activity: purchased, count: 51, time: undefined };求められているのは、これら2つのオブジェクトをマージするJavaScript関数を作成することです。ただし重要な条件として、あるキーにtruthy（真と評価される）な値が存在する場合は、falsy（偽と評価される）な値によって上書きされないようにする必要があります。なぜスプレ

  14. 【JavaScript】配列を2要素ずつのサブ配列に分割する方法

    JavaScriptでは、リテラルの配列を受け取り、元の配列の要素をちょうど長さ2のサブ配列に分割した新しい配列を返す関数が必要になることがあります。 ここで重要なポイントは、元の配列の長さが2で割り切れない場合、最後のサブ配列には要素が1つだけ入るという点です。 処理のイメージ 例えば、次のような入力配列があったとします。 const arr = [1, 2, 3, 4, 5, 6, 7]; この場合、期待される出力は以下のようになります。 const output = [[1, 2], [3, 4], [5, 6], [7]]; 実装コード 以下がその実装例です。 { const

  15. JavaScriptで配列の中央の要素を取得する方法を解説

    JavaScriptでは、数値の配列を受け取り、その中央に位置する要素を返す関数を簡単に作成できます。配列の中央の要素とはたとえば、次のような配列があったとします。const arr = [1, 2, 3, 4, 5, 6, 7];この場合、中央に位置する要素は 4 となります。要素数が奇数の場合は中央の1つの要素が、偶数の場合は中央に近い2つの要素が該当します。実装コード例以下は、Array.prototype を拡張してどの配列からでも中央の要素を取得できるようにしたコード例です。const arr = [1, 2, 3, 4, 5, 6, 7]; const middle = func

  16. undefinedなどの要素が混在する配列から最大の数値を見つける方法 - JavaScript

    JavaScriptでは、数値・文字列・falsyな値（undefinedやnullなど）が混在する配列の中から、最大の数値だけを取り出したい場面があります。本記事では、そのような配列を受け取り、含まれる最大の数値を返す関数の実装方法を解説します。 問題の概要 例えば、以下のようにundefinedやnull、NaNといった値が混ざった配列が入力として与えられたとします。 const arr = [23, hello, undefined, null, 21, 65, NaN, 1, undefined, hii]; この場合、関数は配列内の最大の数値である65を返す必要があります。 実装のポ

  17. JavaScriptで配列内の奇数回出現する要素を見つける方法

    整数の配列が与えられたとき、その中で奇数回だけ出現する要素を1つ見つける関数を作成する必要があります。この問題では、奇数回出現する整数は必ず1つだけ存在することが保証されています。解決のアプローチこの問題は、まず配列をソートするというシンプルな戦略で解くことができます。配列を昇順に並べ替えると、同じ値を持つ要素が隣り合って並ぶようになります。そのため、その後配列を先頭から走査しながら連続する同一値の出現回数をカウントし、奇数回出現している要素を特定できます。アルゴリズムの流れ配列を数値として正しくソートする（比較関数 (a, b) => a - b を指定）現在の要素が直前の要素と同じ場

  18. JavaScriptアルゴリズム:popメソッドだけで配列から負の値を削除する

    複数の値を持つ配列X(例:[-3, 5, 1, 3, 2, 10])が与えられたとき、配列内の負の値をすべて取り除く関数を作成します。 関数の実行後には、配列が正の数だけで構成されている必要があります。さらに、一時的な配列を新たに作成せず、pop()メソッドのみを使って要素を削除することが求められます。 解決のアプローチ この問題を解く鍵は「配列の末尾から処理する」ことです。まずwhileループで末尾に連なる負の値をすべてpop()で除去し、その後、配列を後ろから前へ向かって走査します。走査中に負の値を見つけたら、その位置へ配列の最後の要素(正であることが保証されています)を代入してからpop

  19. JavaScriptで文字列配列を結合し、空白をハイフン「-」に置き換える方法

    はじめに今回は、文字列の配列を受け取り、配列内のすべての文字列を連結したうえで、空白をハイフン「-」に置き換えて結果の文字列を返すJavaScript関数を作成します。たとえば、次のような配列があったとします。const arr = [QA testing promotion , Twitter , Facebook , Test];この場合、期待される出力は以下のとおりです。const output = QA-testing-promotion-Twitter-Facebook-Test;実装のポイントまず join() メソッドを使って配列内のすべての文字列を1つの文字列に連結します。そ

  20. 【JavaScript】ドット区切りの文字列を再帰的に解析してオブジェクトに変換する方法

    概要 文字列の配列を受け取り、それぞれの文字列を解析して対応するネスト構造のオブジェクトを返すJavaScript関数を作成する方法を解説します。ドット区切りのパス形式データを扱う際に役立つテクニックです。 要件の確認 たとえば、次のような配列が入力として与えられたとします。 const arr = [ country.UK.level.1, country.UK.level.2, country.US.level.1, country.UK.level.3 ]; この場合、期待される出力は以下のようになります。 const output = { cou

Total 5937 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:83/297  20-コンピューター/Page Goto:1 77 78 79 80 81 82 83 84 85 86 87 88 89