はじめに 🐢
お仕事で、コピペ入力文字列の特定文字をバックスラッシュで
エスケープしたいケースがありました。
面白そうなので、放課後に取り組んでみました。
JSです。
１．やりたいこと
\ や ? や ! などをバックスラッシュでエスケープする。
２．困ったこと
入力文字列にはバックスラッシュが１コで存在している。
そのまま JS に渡すと、文字列のエスケープ扱いとなってしまう。
３．どうしたか
String.raw と テンプレートリテラル を用いる。
入力時のバックスラッシュが１コでも大丈夫。
String.raw`\?!`; // '\\?!'
４．エスケープ
入力文字列を一文字ずつ分割して配列にし、それぞれに対して map でエスケープ入れる。
String.raw`\?!`.split('').map(x => '\\' + x); // ['\\\\', '\\?', '\\!']
５．分岐
特定文字のみエスケープなので、分岐を入れる。
辞書を持たせて、indexOf でマッチした場合のみエスケープする。
String.raw`h\o?g!e`.split('').map(x => (['\\','?','!'].includes(x))? '\\' + x : x);
// ['h', '\\\\', 'o', '\\?', 'g', '\\!', 'e']
６．出力
最後に、最終出力では バックスラッシュ２つではなく、1つであって欲しいので
console.log で囲ってあげます。
そうそう、join も入れて元の文字列っぽくしておきます。
console.log(String.raw`h\o?g!e`.split('').map(x => (['\\','?','!'].includes(x))? '\\' + x : x).join(''));
// h\\o\?g\!e
うまくいきました！
辞書の指定文字のみエスケープされています。
おわりに
入力がテンプレートリテラルへのコピペなので、レアケースかと思います。
でも面白かったし、私の役には立つので大満足です。
おやすみなさい！