LabEx
ログイン登録

JavaScript における文字列の文字のマッピング

Beginner

This tutorial is from open-source community. Access the source code

はじめに

この実験では、JavaScript の mapString 関数を調べます。この関数を使うと、与えられた文字列の各文字に提供された関数を適用することで新しい文字列を作成できます。String.prototype.split()、Array.prototype.map()、Array.prototype.join() を使って mapString を実装する方法を学び、さまざまなシチュエーションでどのように役立つかを見ていきましょう。

文字列の文字をマッピングする関数

この関数を使って文字列の文字をマッピングするには、次の手順に従います。

  • ターミナル/SSH を開き、コーディングを練習するために node を入力します。
  • String.prototype.split() と Array.prototype.map() を使って、与えられた文字列の各文字に対して提供された関数 fn を呼び出します。
  • Array.prototype.join() を使って、文字の配列を再結合して新しい文字列を作成します。
  • コールバック関数 fn には、3 つの引数が渡されます。現在の文字、現在の文字のインデックス、および mapString が呼び出された文字列。

関数のコードは次のとおりです。

const mapString = (str, fn) =>
  str
    .split("")
    .map((c, i) => fn(c, i, str))
    .join("");

使用例：

mapString("lorem ipsum", (c) => c.toUpperCase()); // 'LOREM IPSUM'

まとめ

おめでとうございます！あなたは文字列のマッピングの実験を完了しました。あなたの技術を向上させるために、LabEx でさらに実験を練習することができます。