JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptで子ノードの数を取得する方法

    JavaScriptでは、children.lengthプロパティを使うことで、要素が持つ子ノード（子要素）の数を簡単に取得できます。この記事では、実際のコード例を使って、その基本的な使い方を解説します。children.lengthとはchildrenは、ある要素の子要素（HTMLコレクション）を返すプロパティです。さらに.lengthを付けることで、子要素の総数を数値として取得できます。例えば、<ul>タグの中にある<li>要素の個数を知りたい場合などに便利です。サンプルコード<!DOCTYPE html> <html lang="ja&

  2. 【JavaScript】正規表現を使ってカンマと次の単語以降のテキストを削除する方法

    文字列の中から、カンマとその直後の単語は残しつつ、それ以降のテキストだけを削除したいケースがあります。この記事では、match()メソッドとsplit()メソッドを組み合わせて実現する方法を解説します。 対象となる文字列 たとえば、次のような文字列があったとします。 var sentence = My Name is John, Smith I live in US; console.log(The original value=+sentence); ここで、「,（カンマ）」とその直後の単語「Smith」までは保持し、その後に続く「I live in US」を削除したいとします。期待する結果

  3. JavaScriptでボタンをクリックするたびに値を10ずつ増加させる方法

    ボタンをクリックするたびに値を10ずつ増加させて表示したい場合、jQueryの click() イベントと JavaScript の parseInt() メソッドを組み合わせることで、シンプルかつ確実に実装できます。以下に、ボタンを押すたびに 10、20、30……と累積していく具体的なコード例を紹介します。 コード例 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport&quo

  4. 【JavaScript】filter()とmap()を組み合わせて条件を確認した後、配列に新しいプロパティを追加する方法

    JavaScriptで配列を扱う際、「条件に合う要素を抽出しつつ、その結果に新しいプロパティを追加したい」というケースはよくあります。このような場合には、filter()とmap()を組み合わせることで、簡潔かつ効率的に実装できます。 filter()とmap()の役割 filter()は、指定した条件を満たす要素だけを抽出して新しい配列を返すメソッドです。一方のmap()は、配列の各要素に処理を適用し、その結果から新しい配列を生成します。この2つを組み合わせることで、「絞り込み」と「変換」を一連の流れで行うことが可能になります。 サンプルコード const details =[ {

  5. JavaScriptでオブジェクトの配列から特定の値だけを抽出する方法（filter活用）

    JavaScriptでオブジェクトの配列を扱うとき、「特定の条件に一致する要素だけを取り出したい」という場面は非常によくあります。そんなときに便利なのが filter() メソッドです。 前提となる配列の用意 まず、次のような学生情報を格納したオブジェクトの配列を例に考えてみましょう。 var details = [{ studentName: John, studentMarks: 92 }, { studentName: David, studentMarks: 89 }, { studentName: Mike, studentMarks:

  6. JavaScriptの配列からランダムな値を選択する方法

    JavaScriptで配列からランダムな値を選択するには、Math.random()メソッドを活用します。Math.random()は0以上1未満の浮動小数点数を返すため、これに配列の長さを掛けてMath.floor()で整数化することで、ランダムなインデックスを生成できます。以下の例では、Fisher-Yatesシャッフルアルゴリズムを使って配列全体をシャッフルした後、先頭から3つの要素を取り出すことで、重複のない複数のランダムな値を取得しています。サンプルコードvar subjectNames = ["Javascript", "MySQL", &q

  7. JavaScriptで特定の値を除外してデータを取得する方法

    JavaScriptで特定の値を除外してデータを取得したい場合、if文の条件式で不等価演算子（!=）や論理NOT演算子（!）を使用するのが効果的です。条件に一致しない要素だけを処理対象にすることで、不要な値を簡単にスキップできます。サンプルコード以下の例では、顧客情報の配列から国名が「AUS」（オーストラリア）以外の顧客の国名だけを出力しています。var customerDetails=[ { customerName:John, customerAge:28, customerCountryName:US }, {

  8. 【JavaScript】文字列の座標リストを緯度・経度の2つの浮動小数点数配列に変換する方法

    地図アプリや位置情報サービスを開発していると、「10.45322,-6.8766363」のようにカンマ区切りの文字列で座標データを受け取ることがあります。この記事では、そのような文字列の座標リストを、緯度（latitude）と経度（longitude）の2つの浮動小数点数（float）配列に変換する方法を解説します。元となる座標データ例として、以下のような文字列形式の座標リストが与えられているとします。var listOfStrings = [10.45322,-6.8766363, 78.93664664,-9.74646646, 7888.7664664,-10.64664632];各要素

  9. 【JavaScript】空の値を含むIDリストから特定のIDのレコードを取得する方法

    JavaScriptでは、filter()メソッドを使うことで、空文字列（）やnullなどが混在するIDのリストから、特定のIDを持つレコードだけを簡単に抽出できます。ここでは、filter()と厳密等価演算子（===）を組み合わせた実践的な方法を紹介します。サンプルデータまず、次のようなオブジェクトの配列を用意します。このリストには、有効なIDだけでなく、空文字列やnullも含まれています。var details = [ {id: 101, name: John, age: 21}, {id: 111, name: David, age: 24}, {id: 1, name: M

  10. DB2コレクションCOLL1内のすべてのパッケージを削除する方法

    DB2コレクションとはDB2コレクションは、複数のパッケージをひとつのグループとしてまとめるための物理的な単位です。簡単に言えば、コレクションとはDB2パッケージの集合体のことです。コレクションを活用することで、同一のDBRM（データベース・リクエスト・モジュール）を、異なるパッケージとしてそれぞれバインドすることが可能になります。これにより、アプリケーションや環境ごとの柔軟なパッケージ管理が実現します。コレクション内のすべてのパッケージを一括削除する手順コレクションCOLL1に含まれるすべてのDB2パッケージを一度に削除したい場合は、以下のコマンドを実行します。FREE PACKAGE(CO

  11. JavaScriptで選択リスト（セレクトボックス）の値が配列に含まれるか判定してコンソールに出力する方法

    Webアプリケーションを開発していると、ドロップダウンリスト（<select>要素）で選択された値が、あらかじめ用意したJavaScriptの配列に含まれているかどうかを判定したい場面があります。本記事では、jQueryのchangeイベントと$.inArray()メソッドを使って、この判定を行い結果をコンソールに表示する方法を解説します。サンプルとして使用するドロップダウンリストまず、以下のような選択リストを想定します。<select>    <option>John</option>   &n

  12. JavaScriptで文字列の先頭の文字だけを大文字に変換する方法

    JavaScriptで文字列の最初の文字を大文字にするには、toUpperCase()メソッドを使用します。先頭の1文字だけを大文字化したい場合は、charAt(0)と組み合わせるのが基本的なアプローチです。実装例function replaceWithTheCapitalLetter(values){ return values.charAt(0).toUpperCase() + values.slice(1); } var word=javascript console.log(replaceWithTheCapitalLetter(word));このコードの仕組みは以下の通りです

  13. 【JavaScript】最初の配列の順序に基づいてオブジェクトの値を並べた結果配列を表示する方法

    はじめに オブジェクトのデータを、別の配列で指定した順序に従って並べ替えて表示したいケースはよくあります。JavaScriptでは、map()メソッドを使うことで、この処理を非常に簡潔に実装できます。まず、次のようなオブジェクトがあるとします。 var lastName = { John:Smith, David:Miller, Bob:Taylor } 続いて、並び順を指定するための配列を用意します。 var firstName = [ Bob, John, David ] この配列の順序（Bob → John → David）に従って、オブジ

  14. JavaScriptで整数を指定した個数の均等な部分に分割する方法を解説

    JavaScriptである整数を、指定した個数のできるだけ均等な値に分割したい場合があります。このようなときは、剰余演算子（%）と除算を組み合わせることで簡単に実現できます。 基本的な考え方 まず「元の値 ÷ 分割数」の剰余（余り）を計算します。余りが0の場合は、すべての部分に同じ値を入れればOKです。余りがある場合は、商を全要素に入れたうえで、先頭から余りの個数分だけ各要素に1を加算します。こうすることで、合計が元の値と一致し、かつ各部分の差が最大1になる均等な分割が可能になります。 コード例 var divideInteger = function(value, divide) {

  15. JavaScriptでラジオボタングループ内のラジオボタンを選択する方法

    はじめに：ラジオボタンを選択状態にするにはJavaScriptでラジオボタングループ内の特定のラジオボタンを選択状態（チェック済み）にしたい場合は、該当するinput要素のcheckedプロパティをtrueに設定します。まず、次のようなラジオボタングループがあると仮定しましょう。<label>    Gender:    <input type="radio" name="gender" value="Male" />Male&nb

  16. JavaScriptでtextareaに入力されたJSONデータを整形（プリティプリント）する方法

    textareaに入力されたJSONデータを整形（プリティプリント）して表示するには、JSON.parse()とJSON.stringify()を組み合わせて使用します。まずJSON.parse()で文字列をJavaScriptオブジェクトに変換し、その後JSON.stringify()の第3引数にインデント幅（例：4）を指定することで、インデントが整った読みやすいJSON文字列を取得できます。サンプルコード<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

  17. JavaScriptのconsole.logで改行（新しい行）を使う方法

    はい、console.log()では「\n」を使って改行（新しい行）を出力できます。以下に具体的なコード例を示します。コード例const studentDetailsObject = new Object() studentDetailsObject.name = David studentDetailsObject.subjectName = JavaScript studentDetailsObject.countryName = US studentDetailsObject.print = function(){ console.log(hello David); } cons

  18. 【JavaScript】引数にデフォルト値を設定して「undefined」エラーを防ぐ方法

    JavaScriptでは、関数を呼び出す際に引数が渡されなかった場合、「undefined」という意図しない結果になってしまうことがあります。これを防ぐためには、デフォルトパラメータ（デフォルト引数）を活用しましょう。 引数に値が渡されなければデフォルト値が出力され、値が渡された場合はその渡されたパラメータが出力されます。この仕組みにより、引数なしで関数を呼び出してもエラーや予期しない挙動を回避できます。 実装例 以下のコードでは、オブジェクトの分割代入を使って name プロパティにデフォルト値「Jack」を設定しています。これにより、引数なしで関数が呼び出された場合でも「undefined

  19. JavaScriptに「&」論理演算子はある？単一アンパサンドの正体はビットAND演算

    結論から言うと、JavaScriptには単一の「&」による論理演算子は存在しません。単一の「&」はビット単位のAND（ビットごとの論理積）演算子として機能します。AND演算では、2つの入力がどちらも1である場合にのみ結果が1になり、それ以外の場合は0となります。論理条件の評価に使いたい場合は「&&」（論理AND）を使用する必要がある点に注意しましょう。コード例var firstValue = 5; var secondValue = 4; var result = firstValue & secondValue; console.log(result)

  20. 【JavaScript】最初の引数にデフォルト値を設定することは可能ですか？

    結論から言うと、JavaScriptでは最初の引数にもデフォルト値を設定することが可能です。ポイントは、スプレッド構文（...）と配列を組み合わせることです。通常、関数呼び出し時に第1引数をスキップして第2引数だけに値を渡すことはできませんが、配列を展開して渡すことで、第1引数にundefinedを明示的に渡し、その結果としてデフォルト値が適用されるようにできます。コード例以下の例では、第1引数にデフォルト値10を設定し、配列を展開して第2引数のみ値を渡しています。function multiply(firstParameterDefaultValue = 10, secondParamete

Total 5937 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:101/297  20-コンピューター/Page Goto:1 95 96 97 98 99 100 101 102 103 104 105 106 107