はじめに
この実験では、JavaScriptを使ってrgb()
カラー文字列を数値の配列に変換する方法を探ります。この実験では、文字列をから色の値を抽出して配列に変換するために必要な手順を案内します。このスキルは、特にグラフィックスとデザインの作業を行う際のWeb開発に役立ちます。
This tutorial is from open-source community. Access the source code
💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください
この実験では、JavaScriptを使ってrgb()
カラー文字列を数値の配列に変換する方法を探ります。この実験では、文字列をから色の値を抽出して配列に変換するために必要な手順を案内します。このスキルは、特にグラフィックスとデザインの作業を行う際のWeb開発に役立ちます。
rgb()
カラー文字列を値の配列に変換するには、次の手順に従います。
node
と入力します。String.prototype.match()
を使用して、数値を含む 3 つの文字列を配列で取得します。Array.prototype.map()
を Number
と組み合わせて使用して、それらを数値の配列に変換します。次のコードを使用できます。
const toRGBArray = (rgbStr) => rgbStr.match(/\d+/g).map(Number);
関数をテストするには、引数として rgb()
カラー文字列を指定して関数を呼び出します。例えば、次のようにします。
toRGBArray("rgb(255, 12, 0)"); // [255, 12, 0]
おめでとうございます!RGB を配列に変換する実験を完了しました。技術力を向上させるために、LabEx でさらに実験を行って練習してください。