JavaScript

問題の概要本記事では、英字を含む文字列を受け取り、その中に含まれる「母音」と「子音」の出現回数をオブジェクトとして返すJavaScript関数の作り方を解説します。例として、次のような文字列が入力されたケースを考えてみましょう。const str = This is a sample string, will be used to collect some data;この文字列に対して関数を実行すると、期待される出力は以下の通りです。{ vowels: 17, consonants: 29 }実装コード例以下が実際の実装コードです。const str = This is a sample st

この記事では、オブジェクトの配列に含まれる各キーの値を合計し、1つのオブジェクトとしてまとめる方法を解説します。問題の概要まず、次のようなオブジェクトの配列を想定してみましょう。const arr = [{a: 2, b: 5, c: 6}, {a:3, b: 4, d:1},{a: 1, d: 2}];ここでのポイントは以下の通りです。それぞれのオブジェクト内部では、キーは必ず一意である必要があります（有効なオブジェクトであるためには）。しかし、異なるオブジェクト同士は同じキーを持つことができます。今回求められているのは、こうした配列を受け取り、配列内に出現するすべての一意なキーをプロパティ

問題の概要重複した数値を含む可能性のある数値の配列を受け取り、その中で一度だけ出現する要素（一意な要素）の合計を返すJavaScript関数を作成します。例入力配列が以下の場合を考えてみましょう。const arr = [2, 5, 5, 3, 2, 7, 4, 9, 9, 11];この配列の中で一度しか出現しない要素は 3、7、4、11 の4つです。したがって、期待される出力は次のようになります。3 + 7 + 4 + 11 = 25解決策：forループとindexOf / lastIndexOfを使う基本的なアプローチとしては、forループで配列を反復処理しながら、indexOf() と

問題の概要 次のように、数字だけで構成された文字列があるとします。 const str = 11222233344444445666; この文字列を引数として受け取り、各数字が文字列内に何回出現したかを表すオブジェクトを返すJavaScript関数を作成する必要があります。 上記の文字列の場合、期待される出力は次のとおりです。 const output = { 1: 2, 2: 4, 3: 3, 4: 7, 5: 1, 6: 3 }; 実装例 実際のコードは次のようになります。 const str = 11222233344444445666;

本記事では、数値 n と、範囲（最小値・最大値）を表す2つの数値からなる配列を受け取り、その範囲内に収まる n 個のランダムな値を配列として返すJavaScript関数の作成方法を解説します。実装の考え方この処理は、以下の手順で実現できます。Math.random() を使って 0 以上 1 未満のランダムな小数を取得する範囲の幅（最大値 − 最小値）を掛け、最小値を加算することで指定範囲内の乱数へ変換するtoFixed() で小数点以下の桁数を揃えるincludes() による重複チェックを行いながら、必要な個数だけ配列に追加するコード例以下が実際のコードです。const num = 10;

2つの配列の要素差を絶対値で求める方法例えば、次のような2つの配列があるとします。const arr1 = [1,2,3,4,5,6]; const arr2 = [9,8,7,5,8,3];ここで必要となるのは、このような2つの配列を受け取り、対応する要素同士の差の絶対値を要素として持つ新しい配列を返すJavaScript関数です。上記の配列の場合、期待される出力は以下のようになります。const output = [8, 6, 4, 1, 3, 3];この処理は、Math.abs()メソッドを活用することでシンプルに実装できます。まず結果を格納するための空の配列を用意し、forループで各要

JavaScriptでは、別の配列に含まれる要素の順序を基準として、オブジェクトの配列を並べ替えたいケースがあります。例えば、次のような2つの配列があったとします。const arr1 = [d,a,b,c]; const arr2 = [{a:1},{c:3},{d:4},{b:2}];ここで求められているのは、この2つの配列を受け取る関数を作成し、最初の配列（arr1）の要素の順序に従って、2つ目の配列（arr2）を並べ替えることです。つまり、arr2内の各オブジェクトが持つキーを、arr1の要素順に合わせてソートします。期待される出力は以下のとおりです。const output = [{

はじめに JavaScriptでは、次のような「穴（ホール）」を含む配列を扱うことがあります。 const arr = [4, 6, , 45, 3, 345, , 56, 6]; この配列には、値が代入されていない空の要素（未定義要素）が含まれています。ここでは、元の配列をその場（in place）で書き換えながら、undefined や空の要素だけを取り除くJavaScript関数を作成します。 なお、今回の目的は falsy（偽と評価される）な値をすべて削除することではなく、undefined および空の要素のみを対象とする点に注意してください。0 や false、空文字列などの fal

JavaScriptでは、同じキーを持つ複数のオブジェクトが混在する配列を扱う場面がよくあります。例えば、以下のようなオブジェクトの配列を考えてみましょう。const arr = [ {firstName:John, value: 89}, {firstName:Peter, value: 151}, {firstName:Anna, value: 200}, {firstName:Peter, value: 22}, {firstName:Anna,value: 60} ];ここで求められているのは、このような配列を引数として受け取り、firstNam

lastIndexOf()関数とは？ JavaScriptのlastIndexOf()メソッドは、引数として渡された要素が配列内に存在する場合、その最後に現れる位置（インデックス）を返します。要素が存在しない場合は -1 を返します。 例を見てみましょう。 [3, 5, 3, 6, 6, 7, 4, 3, 2, 1].lastIndexOf(3); // 結果: 7 この配列では 3 が合計3回出現しますが、そのうち最も後ろにあるのはインデックス 7 の位置のため、戻り値は 7 となります。 実装の目標 既存の lastIndexOf() と同じ機能を持つJavaScript関数を自作し、

はじめにデータの前処理や可視化を行う際、オブジェクト内の数値を特定の範囲（レンジ）に合わせてスケーリングしたいケースはよくあります。本記事では、オブジェクトの値を指定した範囲に正規化するJavaScript関数の実装方法を解説します。問題の定義まず、文字列キーと数値がマッピングされた次のようなオブジェクトを考えてみましょう。const obj = { num1: 45, num2: 78, num3: 234, num4: 3, num5: 79, num6: 23 };ここで求められているのは、このようなオブジェクトを第一引数として受け取り、厳

概要 JavaScriptでは、指定した条件に基づいて多次元配列を動的に生成したいケースがよくあります。本記事では、3つの引数を受け取り、それらをもとに2次元配列を構築する関数の実装方法を解説します。 関数は以下の3つの引数を受け取ります。 row：配列に含まれるサブ配列（行）の数 col：各サブ配列に含まれる要素（列）の数 val：各要素に格納する値 入出力例 たとえば、引数として「2, 3, 10」を渡した場合、行数2・列数3・すべての要素の値が10の2次元配列が生成されます。 const output = [[10, 10, 10], [10, 10, 10]]; 実装コード 以下が

はじめにまず、次のような数値のペアからなる配列の配列（ネストされた配列）があるとします。const arr = [[1, 45], [1, 34], [1, 49], [2, 34], [4, 78], [2, 67], [4, 65]];各サブ配列は必ず2つの要素を持つものとします。ここで求められるのは、「先頭の要素が同じ値であるサブ配列」の2番目の要素をすべて集めてグループ化し、新しい配列を構築する関数を書くことです。したがって、上記の配列に対する期待される出力は次のようになります。const output = [    [45, 34, 49],&

はじめにこの記事では、与えられた数値を位ごとに分解した配列として出力する関数をJavaScriptで作成する方法を解説します。例えば、123 という数値が入力された場合、以下のような配列を出力することが求められます。[100, 20, 3]つまり、引数として渡された数値を構成する各桁の位の値をすべて含む配列を返すのが、この関数の目的です。123であれば「100（百の位）」「20（十の位）」「3（一の位）」という形に分解されます。実装のアプローチこの問題は、再帰処理を使うことでシンプルかつ効率的に解決できます。基本的な考え方は次の通りです。数値を10で割った余り（num % 10）から一の位の数

JavaScriptでは、文字列と任意の数の区切り文字を受け取り、それらすべての区切り文字に基づいて分割された配列を返す関数を作成する必要がある場面があります。例えば、次のような文字列があったとします。const str = rttt.trt/trfd/trtr,tr;区切り文字が以下の場合、const sep = [/, ., ,];期待される出力は次のようになります。const output = [ rttt, trt, trfd, trtr ];実装コード以下は、複数の区切り文字で文字列を分割する関数の実装例です。可変長引数（レストパラメータ）を使うことで、区切り文字をいくつでも渡せるよ

JavaScriptでは、オブジェクトの値（value）から対応するキー（key）を取得したいケースがよくあります。本記事では、その実装方法をわかりやすく解説します。前提となるオブジェクトまず、次のようなオブジェクトがあると仮定しましょう。const products = { Pineapple:38, Apple:110, Pear:109 };このオブジェクトでは、すべてのキーが互いに重複せず、すべての値も互いに一意であるものとします。ここで求められているのは、値を受け取ると、その値に対応するキーを返す関数を作成することです。期待される動作例えば findKey(1

本記事では、文字列や数値のリテラルを含む配列を受け取り、その中から回文（前から読んでも後ろから読んでも同じ並びになる要素）だけを抜き出したサブ配列を返すJavaScript関数の作成方法を解説します。やりたいことたとえば、入力配列が以下のような場合を考えてみましょう。const arr = [carecar, 1344, 12321, did, cannot];この場合、期待される出力は次のとおりです。const output = [12321, did];「did」も「12321」も左右反転しても同じ並びになるため回文と判定されます。一方、「carecar」や「cannot」、数値の「134

はじめにJavaScriptで配列内のオブジェクトを特定のプロパティの値ごとにグループ化したいケースはよくあります。本記事では、unitプロパティが同じ値を持つオブジェクトを1つにまとめ、brandプロパティをカンマ区切りで結合する方法を解説します。元データの例まず、次のようなオブジェクトの配列を考えてみましょう。const arr = [     {unit: 35, brand: CENTURY},     {unit: 35, brand: BADGER},     {

はじめに JavaScriptでは、同じキーを持つ複数のオブジェクトが含まれる配列から、キーごとに値を集計したいケースがよくあります。例えば、次のようなオブジェクトの配列を考えてみましょう。 const arr = [ {ID-01:1}, {ID-02:3}, {ID-01:3}, {ID-02:5} ]; この配列に対して求められるのは、同一のキーを持つオブジェクト同士の値を合計することです。 したがって、期待される出力は以下のようになります。 const output = [{ID-01:4}, {ID-02:8}]; 実装の考え方 この問題は、次の手順で

JavaScriptでは、オブジェクトの配列を「特定のプロパティをキーとしたオブジェクト」へ変換したい場面がよくあります。本記事では、id をキー、name を値とするオブジェクトを生成する方法を、具体的なサンプルコードとともに解説します。 変換元となるデータ 例として、次のようなオブジェクトの配列を用意しました。 const arr = [     { id: 1, name: Mohan },     { id: 2, name: Sohan },     { id: