【ITニュース解説】10 JavaScript One-Liners Every Developer Should Know (2025 Edition)

JavaScriptは、ウェブサイトやアプリケーションを動かす上で非常に重要なプログラミング言語である。この言語には、開発者の作業を効率化し、コードをより簡潔にするための「隠れた宝石」が数多く存在する。その中でも特に役立つのが「ワンライナー」と呼ばれる、たった一行で特定の処理を完結させるコードの書き方だ。通常であれば何行も費やすようなタスクを、驚くほど短いコードで解決できるため、コードの可読性を高め、開発スピードを向上させるのに大きく貢献する。システムエンジニアを目指す上で、このような効率的なコーディングテクニックを知ることは、非常に有利となるだろう。

ここでは、そんなJavaScriptの強力なワンライナーを10個紹介し、それぞれの機能とその仕組みを初心者にもわかりやすく解説する。

まず、文字列を反転させるワンライナーがある。例えば「hello」を「olleh」にするような処理だ。これは、文字列をまずsplit('')メソッドで一文字ずつの配列に分解し、次にreverse()メソッドでその配列の要素の並び順を反転させ、最後にjoin('')メソッドで再び文字列として結合することで実現できる。この一連の操作をパイプラインのように繋げることで、一行でスマートに記述可能である。

次に、文字列が回文であるかを確認するワンライナー。回文とは、「madam」のように、前から読んでも後ろから読んでも同じになる文字列のことである。このチェックは、元の文字列と、上記の方法で反転させた文字列を比較するだけで簡単に行える。両者が完全に一致すれば、その文字列は回文であると判断できる。

三つ目は、指定した二つの値の間でランダムな数値を生成するワンライナーである。ウェブサイトでランダムな画像をロードしたり、ゲームで乱数を必要とする場面で非常に便利だ。JavaScriptのMath.random()関数は0（含む）から1（含まない）の間の浮動小数点数を生成する。これをうまく利用し、最小値（min）と最大値（max）の範囲に収まるように計算し、Math.floor()で小数点以下を切り捨てることで、指定範囲内の整数乱数を得ることができる。

四つ目のワンライナーは、配列の要素をシャッフルする機能だ。例えば、クイズアプリの選択肢をランダムに並べ替えたり、カードゲームのデッキをシャッフルしたりする際に役立つ。JavaScriptのsort()メソッドは、通常は要素を昇順や降順に並べ替えるために使われるが、このメソッドにランダムな値を返す比較関数を渡すことで、配列の要素を予測不能な順序に並べ替えることができる。これは、配列の各要素をランダムに比較させることで、結果的にランダムな並び順を作り出すという効率的なテクニックである。

五つ目は、配列から重複する値を取り除き、ユニークな値のみを取得するワンライナーだ。データ処理において、同じ値が複数存在する状況はよくあるが、多くの場合、ユニークな値だけが必要となる。JavaScriptのSetオブジェクトは、その性質上、重複する値を格納しないという特徴がある。そのため、配列をSetオブジェクトに変換するだけで重複が自動的に除去され、その後、スプレッド構文（...）やArray.from()を使って再び配列に戻すことで、ユニークな値だけの配列を効率的に取得できる。

六つ目は、ネストされた配列（配列の中に配列がある構造）を平坦化するワンライナーである。例えば、[[1, 2], [3, 4]]のような配列を[1, 2, 3, 4]のように一層の配列に変換したい場合に利用する。flat()メソッドは、このタスクのために設計されたメソッドであり、引数にInfinityを指定することで、どれだけ深くネストされた配列であっても、全て一層の配列に平坦化することができる。これは、複雑なデータ構造を扱う際にコードを簡潔にする強力なツールである。

七つ目は、文字列の最初の文字を大文字にするワンライナーである。例えば、「hello world」を「Hello world」のように変換したい場合に使う。これは、charAt(0)で最初の文字を取得し、それをtoUpperCase()メソッドで大文字に変換し、残りの文字列（slice(1)で取得）と結合することで実現できる。見出しやラベルなど、表示上の体裁を整える際に頻繁に利用される。

八つ目は、URLのクエリパラメータをオブジェクトとして取得するワンライナーである。URLの末尾に「?name=John&age=30」のように付与される情報がクエリパラメータであり、これらを効率的に扱うことは、ウェブアプリケーション開発において非常に重要である。URLSearchParamsオブジェクトは、このクエリパラメータをパースするための組み込み機能であり、これとObject.fromEntries()を組み合わせることで、クエリパラメータをキーと値のペアを持つJavaScriptオブジェクトとして簡単に取得できる。これにより、個々のパラメータに簡単にアクセスできるようになる。

九つ目のワンライナーは、数値が偶数であるかをチェックする機能だ。非常に基本的なチェックだが、条件分岐などで頻繁に使用される。JavaScriptの%（モジュロ演算子）は、除算の余りを計算する。任意の数を2で割った余りが0であれば、その数は偶数であると判断できる。このシンプルかつ効率的なチェック方法は、コードを非常にクリーンに保つ。

そして最後のワンライナーは、ランダムな16進数カラーコードを生成する機能である。ウェブデザインやUI要素にランダムな色を適用したい場合に重宝する。JavaScriptでランダムな数値を生成し、それをtoString(16)メソッドで16進数文字列に変換する。さらに、カラーコードは通常6桁であるため、必要に応じてpadEnd()メソッドなどで足りない桁を埋めることで、#RRGGBB形式の有効なカラーコードを生成できる。

これらのワンライナーが示すように、JavaScriptは非常に強力で簡潔な表現を可能にする言語である。プログラミングの課題解決において、何行ものコードを書く代わりに、たった一行で問題を解決できることが頻繁にある。このようなテクニックを習得することは、コードの品質を高め、開発プロセスを加速させる上で不可欠なスキルとなる。今後、システムエンジニアとしてキャリアを築く上で、このような「隠された宝石」を見つけ出し、活用する能力は、あなたの大きな強みとなるだろう。