ゆう's Blog
キャプチャグループ

var color = "rgb(255, 0, 0)";
var colors = color.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);

colors = ["rgb(255, 0, 0)", "255", "0", "0"]

・\d+:\dは数字を表すメタ文字で、+は直前の文字が1回以上繰り返すことを表します。したがって、\d+は1つ以上の数字(0から9まで)の連続したシーケンスを表します。
・,:カンマを表します。
・\s*:\sは空白文字(スペース、タブ、改行など)を表すメタ文字で、*は直前の文字が0回以上繰り返すことを表します。したがって、\s*は0つ以上の空白文字の連繰り返しを表します。

したがって、全体として、この正規表現は「1つ以上の数字、カンマ、0つ以上の空白文字、1つ以上の数字、カンマ、0つ以上の空白文字、1つ以上の数字」というパターンを表します。

この正規表現は、RGB形式の色値(例:rgb(255, 0, 0))を解析するのに使用されます。この正規表現を使用すると、RGB値の各成分(赤、緑、青)を個別に抽出することができます。この正規表現は、JavaScriptのmatch関数と一緒に使用され、RGB値の各成分を抽出するための配列を返します。この配列の各要素は、正規表現の各キャプチャグループ(丸括弧で囲まれた部分)に対応します。