毎日codewarsに取り組んでいます！
codewarsで学んだこと、もう少し深堀して調べたことを残します。
今回はcodewarsでRegexの問題をいくつかやってみました。
問題1
数字が４桁または６桁であればtrueを、否であればfalseを返す関数を実装する
私の解
function f(pin) {
const regex = /(^[0-9]{4}$|^[0-9]{6}$)/gi;
return regex.test(pin);
}
console.log(f("1")); // false
console.log(f("1234")); // true
console.log(f("a234")); // false先頭(^)と末尾($)、対象[0-9]が被っている(二回出現している)のが気になる…
以下は他の方の回答をみて学んだポイント、調べたことをまとめました
数字の正規表現
数字は以下の正規表現を使用して表現することができる
\d書き換えてみると…
function f(pin) {
const regex = /(^\d{4}$|^\d{6}$)/gi;
return regex.test(pin);
}
console.log(f("1")); // false
console.log(f("1234")); // true
console.log(f("a234")); // false
先頭と末尾以外をグループ化する
function f(pin) {
const regex = /^(\d{4}|\d{6})$/g;
return regex.test(pin);
}
console.log(f("1")); // false
console.log(f("1234")); // true
console.log(f("a234")); // false
問題2
小文字の英語がいくつ含まれているかを返す関数を実装する
私の解
function f(str) {
const matchedStr = str.match(/[a-z]/g);
return matchedStr ? matchedStr.length: 0
}
console.log(f("abc")); //3
console.log(f("abcABC123")); //3
console.log(f("abcABC123!@€£#$%^&*()_-+=}{[]|':;?/>.<,~")); //3
console.log(f("")); //0
console.log(f("ABC123!@€£#$%^&*()_-+=}{[]|':;?/>.<,~")); //0
console.log(f("abcdefghijklmnopqrstuvwxyz")); // 26
問題3
ハイフン(-)/アンダースコア(_)で区切られた単語をキャメルケースに変換する
私の解
ハイフンorアンダースコアの直後に存在するアルファベットを大文字にreplaceしてみたらできそう
前方一致(?<=)を使用して、表現できそう…!
function f(str) {
if (str === "") return "";
return str
.replace(/((?<=_)|(?<=-))./g, (a) => a.toUpperCase())
.split(/_|-/)
.join("");
}
console.log(f("the_stealth_warrior"));
// theStealthWarrior"
console.log(f("The_stealth_warrior"));
// TheStealthWarrior
console.log(f("A-B-C"));
// ABC
空文字だった場合のif文は不要
私の書いたコードにある、下記のif文は不要でした
if (str === "") return "";function f(str) {
return str
// matchするものはないので、replaceされず空文字のまま
.replace(/((?<=_)|(?<=-))./g, (a) => a.toUpperCase())
// [""]
.split(/_|-/)
.join("");
}
console.log(f("")); // ""キャプチャグループ
以下のケースだと、(.)にマッチし、マッチした内容を記憶する
function f(str) {
return str.replace(/[-_](.)/g, (m, c) => c.toUpperCase());
}
グループと後方参照 - JavaScript | MDN
グループは複数のパターンを全体としてグループ化し、グループをキャプチャすることで、正規表現パターンを使用して文字列と一致する場合に、追加の副一致情報を提供します。後方参照は、同じ正規表現で以前に捕捉したグループを参照します。
developer.mozilla.org
replace
replaceの第二引数に関数を渡しましたが、引数にどのようなものが渡ってくるのか。
function f(str) {
return str.replace(/[-_](.)/g, (m, c, o, s) => {
console.log(m, c, o, s);
});
}
f("The_stealth_warrior");
// _s s 3 The_stealth_warrior
// _w w 11 The_stealth_warrior
mへは、replaceの第一引数で指定している正規表現にmatchする対象の値が渡り、cへはキャプチャされた値(複数ある場合もある)、oはoffsetでmatchした部分の位置を示す。sは分析中の対象の文字が渡ることがわかりました
String.prototype.replace() - JavaScript | MDN
replace() メソッドは、pattern に一致する文字列の一部またはすべてを replacement で置き換えた新しい文字列を返します。pattern には文字列または正規表現 (RegExp) を指定することができ、 replacement には文字列または一致するごとに呼び出される関数を指定することができ...
developer.mozilla.org
まとめ
今回はRegexに絞ってやっていきました！
正規表現は苦手意識があるので今後もcodewarsで鍛えていきたいと思います
コメント