JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptで特定の文字列が別の文字列内に出現する回数をカウントする方法

    本記事では、2つの文字列を引数として受け取り、一方の文字列(str1)がもう一方の文字列(str2)の中に何回出現するかをカウントして返すJavaScript関数の作成方法について解説します。実装例この処理を実現するコードは以下の通りです。 { count++; }); return count; }; console.log(countAppearances(main, sub));コードの解説まず、new RegExp(sub, g)により、検索対象の文字列にマッチするグローバル(gフラグ付き)の正規表現オブジェクトを生成します。続いて、String.pro

  2. 【JavaScript】reduce()メソッドを使って配列を正の数と負の数に分離する方法

    JavaScriptでは、配列を受け取って、その中身を「正の数」と「負の数」に振り分けた2つの配列を持つオブジェクトを返す関数を作成することが求められるケースがあります。 本記事では、Array.prototype.reduce() メソッドを活用して、条件に合致する要素を選び出し、2つの配列を持つオブジェクトに格納していく実装方法を解説します。 実装の考え方 reduce() メソッドは、配列の各要素に対してコールバック関数を実行し、単一の値(今回はオブジェクト)へと集約できます。初期値として { positive: [], negative: [] } を用意し、各要素が0未満かどうかを判

  3. JavaScriptのsort()を使ってNaNを配列の末尾に移動する方法

    はじめに 文字列と数値が混在する配列を扱う際、「NaN(Not a Number)の値は常に配列の末尾に配置されるようにソートしたい」という要件が生じることがあります。 この記事では、JavaScriptのsort()メソッドと比較関数(コンパレータ)を組み合わせて、次の順序で要素を並べ替える方法を解説します。 有効な数値(先頭) 文字列リテラル(中間) NaN(末尾) 実装コード 以下がそのコード例です。 { if(a !== a){ return 1; } else if(b !== b){ return -1; } r

  4. 【JavaScript】ランダムな小文字アルファベットで文字列をパディングして指定の長さに揃える方法

    今回は、文字列と数値という2つの引数を受け取る関数を作成する方法を解説します。文字列の長さは、常に引数で渡された数値以下であることが保証されているものとします。この関数の目的は、文字列の末尾にランダムな小文字アルファベットを1文字ずつ追加していき、全体の長さが指定された数値とちょうど一致するようにすることです。そして、パディング後の新しい文字列を返します。実装例それでは、実際のコードを見ていきましょう。ここでは再帰呼び出しを使って、目標の長さに達するまでランダムな文字を追加し続けるシンプルなアプローチを採用しています。const padString = (str, len) => { &

  5. JavaScript:ある配列の複数の値が別の配列に含まれているかチェックする方法

    JavaScriptでは、2つの数値配列を受け取り、1つ目の配列のすべての要素が2つ目の配列に存在するかどうかを判定する関数が必要になることがあります。本記事では、そのような一括チェックを行う実装方法をわかりやすく解説します。 実装例 以下のコードは、map()とindexOf()を組み合わせて、1つ目の配列の各要素が2つ目の配列に含まれているかを確認する例です。 const arr1 = [34, 78, 89]; const arr2 = [78, 67, 34, 99, 56, 89]; const multipleIncludes = (first, second) => {

  6. JavaScriptで隣接する要素同士の合計からなる配列を作成する方法

    本記事では、数値の配列を受け取り、元の配列から隣り合う2つの要素をペアごとに合計した値を持つ新しい配列を返すJavaScript関数の実装方法を解説します。例えば、次のような入力配列が与えられた場合を考えてみましょう。const arr1 = [1, 1, 2, 7, 4, 5, 6, 7, 8, 9];この場合、期待される出力は以下のとおりです。const output = [2, 9, 9, 13, 17];つまり、(1 + 1)、(2 + 7)、(4 + 5)、(6 + 7)、(8 + 9) というように、隣接する要素同士を先頭から順にペアとして合計した結果が得られます。実装例この処理を

  7. JavaScriptで文章中に特定の文字が何回出現するかを数える方法

    この記事では、JavaScriptを使って「指定した1つの文字が文章の中に何回出現するか」を数える関数の実装方法を解説します。初心者にもわかりやすいforループによる基本的なアプローチから、より簡潔に書けるモダンな手法まで順番に紹介していきます。基本の実装例:forループでカウントするまずは最もオーソドックスな方法です。文字列を1文字ずつ走査し、対象の文字と一致した回数をカウントします。コードは以下の通りです。const string = This is just an example string for the program; const countAppearances = (str

  8. JavaScriptで2つの数が互いに素(coprime)かどうかを判定する方法

    互いに素(coprime)とは2つの数が「互いに素(ごかいにそ)」であるとは、その2つの数の間に共通の素因数が1つも存在しない関係を指します。なお、1は素数ではないため、共通の素因数としては扱いません。例えば、4と5は共通の約数が1しかないため互いに素ですが、21と57は両方とも3で割り切れるため、互いに素ではありません。本記事では、2つの数値を受け取り、互いに素であれば true を、そうでなければ false を返す関数をJavaScriptで実装します。実装の考え方基本的なアプローチはシンプルです。2から2つの数のうち小さい方までの各整数について、両方の数を割り切れるかどうかを順番にチェ

  9. JavaScriptの再帰関数で階乗を計算する方法

    本記事では、JavaScriptの再帰(リカーシブ)アプローチを利用して、ある数 n の階乗を計算する関数の実装方法を解説します。階乗とは?階乗とは、1からその数までのすべての正の整数を掛け合わせた値のことです。例えば、5の階乗は「5 × 4 × 3 × 2 × 1 = 120」となります。数学的には「n!」と表記され、再帰的な定義として「n! = n × (n−1)!」と表すことができます。再帰による階乗の実装例以下のコードでは、デフォルト引数 res を使って結果を累積しながら、自分自身を呼び出す再帰関数を実装しています。 { if(num){ return rec

  10. JavaScriptで配列内の連続する負の数のグループ(クラスター)を数える方法

    次のような数値の配列があったとします。const arr = [-1,-2,-1,0,-1,-2,-1,-2,-1,0,1,0];ここで求められているのは、この配列の中に連続する負の数が何個の「かたまり(クラスター)」として存在するかを数えるJavaScript関数を作成することです。クラスターとは何か上記の例を見てみましょう。負の数は次のように2つのグループに分かれています。先頭の「-1, -2, -1」(0で区切られる)中盤の「-1, -2, -1, -2, -1」したがって、この関数が返すべき答えは 2 になります。reduce() を使った実装例この問題は、Array.prototyp

  11. JavaScriptで偶数番目と奇数番目の桁の合計差を計算する方法

    JavaScriptでは、数値を受け取り、偶数番目の位置にある桁の合計と奇数番目の位置にある桁の合計の差を返す関数を書く必要があります。 ここでの「位置」とは、最下位の桁(一の位)をインデックス0として、右から左へ数えたものです。偶数インデックスの桁は加算し、奇数インデックスの桁は減算し、最後に絶対値を取得します。 実装例 この処理を実現するコードは以下の通りです。 const num = 123456; const alternateDifference = (num, res = 0, ind = 0) => {     if(num){ &n

  12. JavaScriptで最も多く出現する要素の出現回数を見つける方法

    本記事では、リテラルの配列を受け取り、その中で最も多く出現している要素の出現回数を返すJavaScript関数の作成方法を解説します。 実装のアプローチ 最頻出要素の出現回数を求めるには、まず各要素が何回登場するかを集計し、その最大値を取得するのが一般的です。ここではreduce()とMapオブジェクトを使って要素ごとの出現回数をカウントし、Math.max()で最大の出現回数を求める方法を紹介します。 サンプルコード let arr = [2, 8, 4, 8, 6, 4, 7, 8]; const countOccurence = arr => {   &

  13. JavaScriptで2つの異なる配列を組み合わせる方法|idをキーにデータを結合

    はじめに:2つの配列を結合する課題 実際の開発では、複数の配列に分かれた関連データを1つにまとめたい場面がよくあります。本記事では、イベントの予定日を格納した配列とイベント名を格納した配列を、共通の id プロパティをキーとして結合する方法を解説します。 まず、入力となる2つの配列を見てみましょう。1つ目の dates 配列にはイベントの開催日が、2つ目の names 配列にはイベントの担当者名が格納されています。 const dates = [ { id:1, date:2017-11-07 }, { id:1,

  14. JavaScriptで多角形(ポリゴン)の各辺の中点を求める方法

    次のような、配列の中に配列が入った2次元配列があるとします。const arr = [     [-73.9280684530257, 40.8099975343718],     [-73.9282820374729, 40.8100875554645],     [-73.9280124002104, 40.8103130893677],     [-73.927875543761, 40.8102554080229],  

  15. 【JavaScript】オブジェクトを再帰的に走査して、falsyな「enabled」プロパティを削除する方法

    JavaScriptを扱っていると、ネストされたJSONオブジェクトの中から、特定の条件に合致するプロパティだけを取り除きたい場面があります。本記事では、オブジェクト内のすべての enabled プロパティの中から、値が falsy(false)であるものだけを、再帰的に検索して削除する方法を解説します。 対象となるオブジェクトの例 たとえば、次のようなJSONオブジェクトがあったとします。 const obj = { a: { someKey: { propOne: , enabled: true }

  16. JavaScriptで文字列の指定した位置の文字をアスタリスクに置き換える方法

    本記事では、最初の引数として文字列を、2番目の引数として数値の配列を受け取るJavaScript関数を作成する方法を解説します。この関数は、2番目の引数である配列の各要素が示すインデックス位置にある文字を、すべてアスタリスク(*)に置き換えた新しい文字列を返します。実装例まずは具体的なコードを見てみましょう。ここではreduce()メソッドを使って、元の文字列を1文字ずつの配列に分解し、指定されたインデックスの文字を置き換えてから再び結合しています。 { acc[val] = *; return acc; }, str.split()).join();

  17. JavaScriptで2次元配列を値ごとにグループ化して並べ替える方法

    はじめに本記事では、JavaScriptを使って2次元配列内の同じ数値をグループ化し、その結果を昇順に並べ替える方法を解説します。まず、次のような数値の2次元配列があったとします。const arr = [     [1, 3, 2],     [5, 2, 1, 4],     [2, 1] ];ここで求められるのは、同じ数値どうしをそれぞれ独立したサブ配列にまとめ、さらにグループ化された配列全体を昇順に並べ替えるJavaScript関数です。最終的に、新しい配列は次のよう

  18. JavaScriptで年齢に基づいて配列を並べ替える方法【18歳未満を先頭に移動】

    本記事では、人物の年齢を表す数値の配列を受け取り、18歳未満の年齢をすべて配列の先頭に移動させるJavaScript関数の実装方法を解説します。ここでのポイントは、余分なメモリ(新しい配列の作成など)を使わずに並べ替えを行う点です。Array.prototype.sort()メソッドにカスタム比較関数を渡すことで、元の配列をそのまま(in-place)並べ替えられます。実装コード実際のコードは以下のようになります。 {     arr.sort(sorter); }; sortByAdults(ages); console.log(ages);出力結果コ

  19. JavaScriptで配列のオブジェクトをyearプロパティごとにグループ化する方法

    JavaScriptでデータを扱っていると、共通のプロパティ値を持つオブジェクト同士を1つのグループにまとめたいケースはよくあります。本記事では、年(year)と週(week)の情報を持つオブジェクト配列を、yearプロパティの値ごとにグループ化して新しい配列を作る方法を、サンプルコードと実行結果付きで解説します。 元となるデータ 今回入力として想定するのは、次のようなオブジェクトが並んだ配列です。 const arr = [ { year: 2017, week: 45 }, { year: 2017, week: 46 }, { year: 2017, week:

  20. JavaScriptで配列内の最小値のインデックスを取得する方法

    本記事では、数値の配列を受け取り、その中で最も小さい数値が格納されているインデックス(位置)を返すJavaScript関数の実装方法を解説します。実装のポイント最小値のインデックスを求めるには、reduce() メソッドを活用するのが効果的です。配列を走査しながら、現在までに見つかった最小値とそのインデックスを追跡していきます。初期値として num には Infinity を設定することで、どのような数値が来ても必ず最初の要素との比較が成立し、正しく最小値を検出できます。コード例 { let { num, index } = acc; if (val < num) {

Total 5937 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:77/297  20-コンピューター/Page Goto:1 71 72 73 74 75 76 77 78 79 80 81 82 83