JavaScript

JavaScriptでプログラミングをしていると、配列の中から特定の基準値よりも大きい要素と小さい要素の個数を、一度に集計したい場面があります。 例えば、次のような数値の配列があるとしましょう。 const arr = [3, 5, 5, 2, 23, 4, 7, 8, 8, 9]; ここで求めたいのは、この配列と任意の数値 n を引数として受け取り、「n より大きい要素の個数（greater）」と「n より小さい要素の個数（smaller）」をプロパティとして持つオブジェクトを返す関数です。 サンプルコード 以下は、配列の reduce() メソッドを活用した実装例です。ループ処理を明示的に

はじめに本記事では、Math.sqrt() 関数などの組み込みライブラリを使わずに、数値の平方根を計算する JavaScript 関数の作成方法を解説します。数値を引数として受け取り、その平方根を返す関数を「二分探索（バイナリサーチ）」のアルゴリズムを活用して実装していきます。実装コード以下が実際のコード例です。 {    let mid = (i + j) / 2;    let mul = mid * mid;    if ((mul === n) || (Math.ab

JavaScriptで、数値を表す文字列から先頭のゼロをスペースに置き換える関数を作成する方法を紹介します。ポイントは、数値の前に入っている既存の空白（スペース）を保持したまま処理することです。やりたいことたとえば、次のような文字列が与えられたとします。 004590808この文字列に関数を適用すると、先頭のゼロがスペースに置き換えられ、結果は次のようになります。 4590808このように、元の空白はそのまま残り、先頭ゼロのぶんだけスペースが追加された形になります。サンプルコードconst str = 004590808; const replaceWithSpace = str =

今回は、ちょうど5つの「重複しない」乱数を格納した配列を生成するJavaScript関数を作成します。満たすべき条件は以下の2つです。 すべての数値は [0, 9] の範囲内(0以上9以下の整数)であること 配列の最初の要素は 0 であってはならないこと サンプルコード 以下がその実装例です。 const fiveRandoms = () => { const arr = [] while (arr.length < 5) { const random = Math.floor(Math.random() * 10); if (

JavaScript開発では、複数の配列の要素を組み合わせて、1つのオブジェクト配列を生成したい場面がよくあります。この記事では、その具体的な実装方法を解説します。 問題の概要 たとえば、次のような2つの配列があるとします。 const options = [A, B, C, D]; const values = [true, false, false, false]; これら2つの配列から、以下のようなオブジェクトの配列を作成して返す関数を記述する必要があります。 const response = [     {opt: A, val: true},

例えば、テストの点数情報を格納した学生オブジェクトの配列があるとしましょう。const students = [     { name: Andy, total: 40 },     { name: Seric, total: 50 },     { name: Stephen, total: 85 },     { name: David, total: 30 },     { name: Ph

要素 x と配列 arr を引数として受け取る関数、たとえば insertAllPositions を定義する必要があります。この関数は「配列の配列」を返し、それぞれの内側の配列は、元の配列 arr の可能なすべての位置に要素 x を挿入した結果に対応します。つまり、arr の長さが N である場合、結果は N + 1 個の配列を含む配列になります。例えば、insertAllPositions(10, [1,2,3]) の結果は次のようになります −const output = [ [10,1,2,3], [1,10,2,3], [1,2,10,3], [1,2,3,1

問題の概要例えば、次のようなオブジェクトを要素に持つ配列と、名前のリスト（文字列の配列）があるとします。const main = [     {name: "Karan", age: 34},     {name: "Aayush", age: 24},     {name: "Ameesh", age: 23},     {name: "Joy", age

デジタル都市で恐ろしいゾンビウイルスが猛威を振るっています。私たちはデジタルCDC（疾病対策センター）に勤め、都市の地図を監視しながらウイルスに汚染された区域を特定するのが任務です。この情報をもとに、デジタル軍はどこへ爆撃を仕掛けるべきかを判断します。 今回の敵は新型のデジタルゾンビ。縦・横方向にしか移動できず、しかも自分と同じ数値のセルにしか感染しないという特異な性質を持っています。 問題の概要 入力として、数値が並んだ二次元配列（マトリックス）が渡されます。 なぜかは分かりませんが、最初の感染者（ペイシェントゼロ）は必ず都市の北西エリア、すなわちマトリックスの [0][0] 要素で発見され

メールとパスワードの検証とはWebアプリケーション開発において、ユーザーのログイン情報が正しいかどうかを確認する処理は非常に重要です。今回は、JavaScriptを使って、入力されたメールアドレスとパスワードがデータベース上のユーザー情報と一致するかどうかを検証する方法を解説します。まず、SNSプラットフォームの複数のユーザーの中から2人のログイン情報を格納したダミーデータ(配列)を用意します。const array = [{ email: usman@gmail.com, password: 123 }, { email: ali@gmail.com,

JavaScriptでオブジェクトのプロパティを削除する基本JavaScriptでは、delete 演算子を使うことで、オブジェクトから特定のプロパティを削除できます。まず、次のようなオブジェクトを例に考えてみましょう。const myObject = { ircEvent: PRIVMSG, method: newURI, regex: ^https://.*};このオブジェクトから regex プロパティを取り除き、次のような状態にしたいとします。const myObject = { ircEvent: PRIVMSG, method: newURI};del

配列の一部だけを逆順に並べ替えるには？ JavaScriptでは、配列・開始インデックス・終了インデックスの3つを引数として受け取り、開始インデックスから終了インデックスの直前までの範囲だけを反転させる関数を実装したいケースがあります。組み込みの reverse() メソッドは配列全体を反転してしまうため、部分的な反転にはひと工夫が必要です。 期待される動作 たとえば、次のような配列を考えてみましょう。 const arr = [2, 6, 5, 8, 3, 5, 2, 6, 7]; 開始インデックスを「3」、終了インデックスを「7」と指定した場合、インデックス3〜6にある要素（8, 3,

JavaScriptで開発をしていると、オブジェクトが格納された配列を、特定のプロパティの値を基準に並べ替えたい場面がよくあります。ここでは、次のようなオブジェクトの配列を例に、age プロパティの値に基づいて配列を昇順（小さい順）にソートする方法を解説します。 元データの配列 まず、次のようなオブジェクトの配列があるとします。 const people = [     {id:1, name:Andrew, age:30, gender:m, category:G},     {id:2, name:Brando

本記事では、任意の個数の配列を引数として受け取り、すべての配列に共通して含まれる要素だけを集めた配列を返すJavaScript関数の実装方法を解説します。共通する要素がひとつも存在しない場合は、空の配列を返します。サンプルデータ例として、次の3つの配列を使って共通要素を求めてみましょう。const arr1 = [2, 6, 7, 1, 7, 8, 4, 3];const arr2 = [5, 7, 2, 2, 1, 3];const arr3 = [1, 56, 345, 6, 54, 2, 68, 85, 3];実装コードまず2つの配列の共通要素を求める関数 intersection()

本記事では、数値の各桁を再帰的に合計し、結果が1桁になるまでその処理を繰り返すJavaScript関数の実装方法を解説します。ポイントは、数値を文字列や他のデータ型へ変換せず、純粋な数値演算だけで処理を完結させる点です。 実装の考え方 各桁の合計を求めるには、「10で割った余り（% 10）」で最下位の桁を取り出し、「10で割って小数点以下を切り捨てた値（Math.floor(num / 10)）」で残りの桁を取得します。この操作を再帰的に繰り返すことで、数値を文字列化することなく各桁の和を計算できます。 さらに、合計した結果が9より大きい場合（つまり2桁以上の場合）は、再度同じ処理を適用します

概要 JavaScriptでは、数値の配列を受け取り、その中にあるすべての3桁の整数を配列の先頭に移動させる関数を作成することができます。本記事では、splice()とunshift()を組み合わせたシンプルな手法を紹介します。 例えば、次のような数値の配列があるとします。 const numList = [1, 324, 34, 3434, 304, 2929, 23, 444]; この配列に対して処理を行うと、3桁の数値（324、304、444）だけが先頭に集められた状態になります。 アプローチ この問題は、以下の手順で解決できます。 数値が3桁であるかどうかを判定するヘルパー関

本記事では、数値を受け取り、その各桁をそれぞれ2乗した結果を連結して新しい数値を返すJavaScript関数の実装方法を解説します。要件の確認作成する関数は以下のような動作を行います。引数として数値を受け取る各桁の数字を個別に2乗する2乗した結果を順番に連結し、新しい数値として返す具体例入力が 9119 の場合を考えてみましょう。9119この場合、出力は次のようになります。811181これは、先頭の「9」の2乗が 81、「1」の2乗が 1（残りの2桁も同様）であり、それらを連結すると 811181 になるためです。実装コード以下が実際のコード例です。 { // 数値を文字列に変換して各

本記事では、数値の配列を受け取り、Array.prototype.sort()メソッドを使わずに並べ替えを行うJavaScript関数の実装方法を解説します。条件として、ソート処理にはArray.prototype.reduce()メソッドを使用します。reduce()だけでソートする考え方ポイントは、reduce()の累積値（アキュムレータ）を「すでにソート済みの配列」として扱うことです。元の配列から要素を1つずつ取り出し、そのたびにアキュムレータ内の適切な位置へ挿入していけば、最終的に完全にソートされた配列が完成します。これは古典的な挿入ソート（insertion sort）のアルゴリズム

配列に含まれるすべての数値を余りなく割り切れる数を見つけたい場面は、実際の開発でもよくあります。この記事では、数値の配列を受け取り、その配列内の全要素を割り切れる共通の約数を返すJavaScript関数の作り方を、具体的なコードとともに解説します。まず、次のような配列を例として考えてみましょう。const arr = [4, 6, 34, 76, 78, 44, 34, 26, 88, 76, 42];解決のアプローチこの問題は、大きく分けて次の2ステップで解決できます。ステップ1: 各要素ごとに、その値の半分(Math.floor(el / 2))から2まで順番に割り算を試し、割り切れる数(

JavaScriptでは、整数または浮動小数点数を受け取り、小数点以下の桁数を返す関数を実装する必要がある場面があります。引数が浮動小数点数の場合は小数点以下の桁数を返し、整数の場合は0を返します。例として、次の2つの数値を考えてみましょう。const num1 = 1.123456789; const num2 = 123456789;num1には小数点以下が9桁あるため「9」を返す必要があります。一方、num2は整数なので「0」を返します。実装コード以下がその実装例です。const num1 = 1.123456789; const num2 = 123456789; const deci