JavaScript

2つの指定された色（例：#CCCCCC と #3B5998）の間のランダムな色を生成する関数をJavaScriptで作成してみましょう。この問題は、次の3つのステップに分けて考えると理解しやすくなります。第一段階 → 2つの数値の間の乱数を生成する関数を用意します。第二段階 → 16進数のまま扱うのではなく、各桁の16進数を 0〜15 の10進数スケールにマッピングして利用します。第三段階 → 色文字列の各桁に対してループ処理を行い、ランダムな色コードを組み立てます。実装コードconst randomBetween = (a, b) => { const max = Math.m

はじめに JavaScriptでは、同じ長さを持つ2つの配列を1つのオブジェクトに変換したいケースがよくあります。たとえば、1つ目の配列の各要素をオブジェクトのキーとし、2つ目の配列の対応する要素をその値としてマッピングするような場面です。 本記事では、reduce()メソッドを使ってこの処理を簡潔に実装する方法を解説し、あわせて実行結果やよりモダンな代替手段についても紹介します。 reduce()を使った実装方法 基本的な考え方はシンプルです。1つ目の配列に対してreduce()を実行し、その処理の中でインデックスを利用して2つ目の配列の要素へアクセスします。こうすることで、キーと値のペア

文字列リテラルをキーとし、その値もまたオブジェクトとなっている、次のようなデータ構造があったとしましょう。const companies = { landwaves ltd: { employees: 1200, worth: 1.2m, CEO: Rajiv Bansal }, colin & co: { employees: 200, worth: 0.2m, CEO: Sukesh Maheshwari }, motilal biscuits: { employees: 975, worth: 1m, CEO: Rahul Gupta }, numbtre

例えば、id プロパティの順に並んだ次のようなオブジェクトの配列があるとします。const unordered = [{ id: 1, string: sometimes }, { id: 2, string: be }, { id: 3, string: can }, { id: 4, string: life }, { id: 5, string: tough }, { id: 6, string: very }];さらに、希望する並び順を表す次のような文字列の配列があるとしましょう。const

はじめにJavaScriptを扱っていると、APIのレスポンスやデータ変換の過程で「同じidを持つデータが複数のオブジェクトに分かれている」という状況によく出会います。本記事では、このような配列をidごとにグループ化し、1つのオブジェクトへ統合（マージ）する方法を実例とともに解説します。まず、例として次のようなオブジェクトの配列を用意しました。const arr = [ {id: 1, h1: Daily tests}, {id: 2, h1: Details}, {id: 1, h2: Daily classes}, {id: 3, h2: Results},

はじめに今回は、0と1のみで構成される2進数の文字列を受け取り、その反転（すべての0を1に、すべての1を0に入れ替えた結果）を返す関数をJavaScriptで作成する方法を解説します。例えば、入力が「1101」であれば、出力は「0010」になります。このような処理は、ビット演算やデータ変換の基礎として非常に重要です。実装コードそれでは、この関数のコードを見ていきましょう。const num = 1101; const n = 11010111; const inverseBinary = (binary) => {     return binar

JavaScriptでは、配列の各要素が特定の文字列に含まれているかどうかを判定し、その結果（true / false）を1行のテキスト文字列としてまとめたいケースがあります。例として、次のような文字列と配列があるとします。const textString = Convert javascript array iteration result into a single line text string. Happy searching!;const keywords = [integer, javascript, dry, Happy, exam];ここで求められているのは、配列の各要素が文

はじめに次のような数値の配列があるとします。const arr = [12, 19, 5, 7, 9, 11, 21, 4];この配列を受け取り、元の配列のすべての要素に加えて、対応する各要素の2乗も末尾に追加した新しい配列を返す関数を作成する必要があります。上記のサンプル配列の場合、期待される出力は次のとおりです。[12, 19, 5, 7, 9, 11, 21, 4, 144, 361, 25, 49, 81, 121, 441, 16]つまり、元の配列「[12, 19, 5, 7, 9, 11, 21, 4]」の後ろに、各要素を2乗した値「144, 361, 25, 49, 81, 12

数値の配列と、「odd（奇数）」または「even（偶数）」のいずれかの値を取る文字列を受け取り、条件に一致する数値だけを合計して返す関数を作成する必要があります。条件に一致する値がひとつも存在しない場合は、0を返すようにします。 たとえば、次のような動作を想定します。 console.log(conditionalSum([1, 2, 3, 4, 5], even)); => 6 console.log(conditionalSum([1, 2, 3, 4, 5], odd)); => 9 console.log(conditionalSum([13, 88, 12, 44, 99

例として、次のような配列があるとします。const arr = [7, 2, 3, 4, 5, 7, 8, 12, -12, 43, 6];この配列を受け取り、すべての要素を対応する負の値に変換した配列を返す関数を作成します(たとえば 4 を -4、6 を -6 に変換します)。ただし、要素がすでに負の値である場合は、その値はそのまま変更せずに残します。それでは、この関数のコードを見ていきましょう。サンプルコード { const negative = val < 0 ? val : val * -1; return acc.concat(negative);

今回は、配列を受け取り、その要素を逆順に並べ替えた新しい配列を返す関数を作成します。reverse() メソッドなどは使わず、forループだけを使って実装する方法を解説します。サンプル配列まず、今回使用するサンプル配列は以下のとおりです。const arr = [7, 2, 3, 4, 5, 7, 8, 12, -12, 43, 6];コード例それでは、この関数のコードを見ていきましょう。const arr = [7, 2, 3, 4, 5, 7, 8, 12, -12, 43, 6]; const reverse = (arr) => { const duplicate = a

本記事では、文字列の配列を受け取り、その中で最も長い文字列のインデックスを返す関数をJavaScriptで実装する方法を解説します。ただし、文字列の長さを計算する際には、空白（スペース）が占める分はカウントしないものとします。 要件の整理 文字列リテラルの配列を受け取り、最も長い文字列のインデックスを返す関数を作成する 長さの計算では、空白は除外する 同じ長さの文字列が複数存在する場合は、最初に出現した文字列のインデックスを返す 実装のアプローチ 以下の手順で処理を進めます。 配列を反復処理し、各要素を空白で分割してから再結合することで、空白を除いた実際の長さを計算する 計算した長さ

はじめにJavaScriptで開発をしていると、オブジェクトを格納した配列を複数の条件で並べ替えたい場面によく出会います。その代表例が、「年（year）」と「月（month）」を持つデータを、年の昇順でソートし、同じ年が重なる場合は月の順番（1月→2月→3月…）で並べ替えるというケースです。本記事では、次のような配列を例に、この並べ替えを実現する方法をわかりやすく解説します。const arr = [{     year: 2020,     month: January }, {   &nbs

デジタルルート（数字根）とは デジタルルート（数字根）とは、ある正の整数を構成するすべての桁の数字を合計した値として定義されます。本記事では、整数の配列が与えられたときに、「a の数字根が b の数字根以下であれば a を b より前に配置する」というルールで配列を並べ替えるアルゴリズムを JavaScript で実装します。 ソートのルール 同じ数字根を持つ2つの数が存在する場合は、通常の大小関係において小さい方を先に配置します。たとえば、4 と 13 はどちらも数字根が 4 で等しいですが、4 < 13 であるため、両方が含まれる配列では常に 4 が 13 より先に来ます。 具体例

JavaScriptでは、String や Array のメソッドに頼らなくても、数値演算だけで整数の桁を反転させることができます。この記事では、呼び出した数値の桁を逆順にした結果を返す Number.prototype.reverse() 関数の実装方法を解説します。実装の考え方目指すのは、次のような動作です。234.reverse() → 4326564.reverse() → 4656桁を反転する基本のアイデアはシンプルです。元の数値を10で割った余り(最下位の桁)を取り出して新しい数値の末尾に追加し、残りの商に対して同じ処理を再帰的に繰り返します。あわせて負の数にも対応できるよう、符号

数値の配列が与えられたとき、その配列から最小値と最大値を取り出し、インデックス0に最小値、インデックス1に最大値が入った配列を返す関数を作成する方法を紹介します。例として、次のような数値の配列を考えてみましょう。const arr = [12, 54, 6, 23, 87, 4, 545, 7, 65, 18, 87, 8, 76];この配列から最小値と最大値を取得し、[最小値, 最大値] の形式で新しい配列として返すのが目的です。reduce()メソッドを使った実装ここでは Array.prototype.reduce() メソッドを使用して、最小値と最大値を格納した配列を効率的に構築します

今回は、n 個の要素からなる配列が与えられます。そのうち数値が入っているのは 2 つだけで、残りはすべて null です。イメージは次のようなものです。const arr = [null, null, -1, null, null, null, -3, null, null, null];この配列を受け取り、含まれている 2 つの数値をもとに等差数列を完成させて、null の部分を適切な数値で埋める関数を作成します。分かりやすく言い換えると、null は空欄であり、そこに数値を書き込んで配列全体を等差数列に仕上げる必要がある、ということです。等差数列とは数列(配列)において、任意の n 番目の

ここでは、ある企業が一定期間に売買した株式に関するデータを格納した配列を例に考えてみましょう。const transactions = [ [AAPL, buy, 100], [WMT, sell, 75], [MCD, buy, 125], [GOOG, sell, 10], [AAPL, buy, 100], [AAPL, sell, 100], [AAPL, sell, 20], [DIS, buy, 15], [MCD, buy, 10], [WMT, buy, 50], [MCD, sell, 9

数値や文字列のリテラルを含む配列に重複した値が存在する場合、新しい配列を作成せず、また重複値を別の場所に保存することなく、元の配列から直接それらを取り除きたいケースがあります。 このような場合は、Array.prototype.splice() メソッドを使えば、配列をその場（in-place）で編集しながら要素を削除できます。さらに、Array.prototype.indexOf() と Array.prototype.lastIndexOf() を組み合わせることで、ある要素が配列内で重複しているかどうかを判定します。 判定ロジックの仕組み indexOf() は指定した要素が最初に見つか

正の数・負の数・小数・整数が混在する配列があるとします。この記事では、そのような配列を受け取り、元の配列の中から正の整数だけを取り出して、それぞれを二乗した合計を返す関数をJavaScriptで作成する方法を解説します。 実装例 0 && val % 1 === 0){ acc += val*val; }; return acc; },0); } console.log(squareSum(arr)); コードのポイント Array.prototype.reduce(): 配列の各要素を順に処理しながら、単一の累積値（ここ