カラーコードと色判定について

Question

引数strで与えられた文字列がカラーコードを表すときはtrueを返す
red、green、blueのいずれか大文字、小文字の区別はしない
#に続く3桁と6桁の16進数も大文字、小文字の区別はしない
それ以外はfalseで返す

実装例は下記のとおりです

• isColorCode("#000") -> true
• isColorCode("#0000") -> false
• isColorCode("#123456") -> true
• isColorCode("#1234567") -> false
• isColorCode("#abc") -> true
• isColorCode("#ABC") -> true
• isColorCode("#efg") -> false
• isColorCode("#abcdef") -> true
• isColorCode("#ABCDEF") -> true
• isColorCode("#bcdefg") -> false
• isColorCode("red") -> true
• isColorCode("GREEN") -> true
• isColorCode("Blue") -> true
• isColorCode("yellow") -> false
• isColorCode("bred") -> false
• isColorCode("redy") -> false
• isColorCode("") -> false

function isColorCode(str){
return str.match(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/)!==null;
}
まではわかりますが、これからの処理が分かりません
どなたか教えていただいてもよろしいでしょうか

Comments

[yaxizi]

このコードでするとred,GREEN,Blueのみがfalseになるから質問させていただきました。

Answer 1

• 同じように|を使って、「または」を続けていくのはいかがでしょうか？
• 大文字・小文字を区別するためiフラグをつけます。
• true/falseを戻したいだけなら、🔺.match() → ✅.test()を使用すればより簡潔かと思います。

function isColorCode(str) {
  return /^(#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})|red|green|blue)$/i.test(str);
}

console.log('#o009ia:', isColorCode('#o009ia')); // false
console.log('#cac:',isColorCode('#cac')); // true
console.log('#000000:', isColorCode('#000000')); // true
console.log('000000:', isColorCode('000000')); // false
console.log('Red:', isColorCode('Red')); // true
console.log('GREEN:', isColorCode('GREEN')); // true
console.log('skyblue:', isColorCode('skyblue')); // false

Comments

[yaxizi]

ありがとうございました。解決できました。
カラー名をどのように扱うのかわからなかったため質問させていただきました