質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

231閲覧

if(正規表現.test(str)){}でtrueになる条件がよくわかりません

退会済みユーザー

退会済みユーザー

総合スコア0

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2017/12/09 12:37

###実現したいこと
名前とコメントのNGワードを伏字にしたい。

###発生している問題
名前とコメント両方にNGワードがある時に置換出来ない事があります。
###該当のソースコード

html

1<form name="combox" accept-charset="UTF-8" method="post"> 2 <a>[お名前]</a><br> 3 <input type="text" name="お名前" value="名無し"><br> 4 <a>[コメント]</a><br> 5 <textarea name="コメント"></textarea><br> 6 <br> 7 <button name="submit" onclick="return func();">書き込む</button> 8</form>

js

1function func() { 2 //NGワード設定 3 var ngword = /(ab|de|gh)/g; 4 var errflg = 0, 5 caution = "", 6 ngname = "<!>[お名前]にNGワードが含まれていた為「名無し」さんに変更されます。\n", 7 ngkome = "<!>[コメント]にNGワードが含まれていた為***に置換されて投稿されます。\n", 8 kakunin = "以上の内容で投稿されます。宜しければ「OK」のボタンを押してください。", 9 val = ""; 10 for(var i = 0; i < combox.length; i++){ 11 val = combox.elements[i].value; 12 //未入力チェック 13 if(combox.elements[i].name != "submit"){ 14 if(val == ""){ 15 caution = caution + "<!>[" + combox.elements[i].name + "]" + "が未入力です。\n"; 16 errflg = 1; 17 //NGワードチェック 18 }else if(ngword.test(val)){ 19 //置換処理 20 if(combox.elements[i].name == "お名前"){ 21 caution = caution + ngname; 22 val = "名無し"; 23 }else{ 24 caution = caution + ngkome; 25 val = val.replace(ngword, r =>"*".repeat(r.length)); 26 } 27 } 28 } 29 //チェック後の再格納 30 combox.elements[i].value = val; 31 } 32 //未入力警告及び確認画面 33 var name = document.combox.お名前.value, 34 kome = document.combox.コメント.value, 35 zenbu = "[お名前]\n" + name + "さん\n\n" + "[コメント]\n" + kome + "\n\n"; 36 thanks = "以上の内容で書き込みました。コメントありがとうございます。" 37 if(errflg == 1){ 38 alert(zenbu + caution); 39 return false; 40 }else if(window.confirm(zenbu + caution + kakunin)){ 41 //JSONファイルへ書き込み処理を設置予定 42 alert(zenbu + thanks); 43 return true; 44 } 45 return false; 46}

###試したことなど
1:<名前ab  コメントab>
名前のみ置換されてコメントが置換されない
2:<名前ab  コメントabcde>
両方置換される
3:<名前NG以外  コメントab>
コメントが置換される
など色々なパターンを試してい見たのですが、何故3では置換されるtrueルートへ行くのに、1の時にコメントが置換されるtrueのルートへ行かないのかがわかりません。
また、2のようにNGワードが2つ以上あると両方置換されるなど他のパターンでも良くわからない動きをする事がありました。
if(ngword.test(val))の箇所が良くないのかなと思うのですが、何が問題なのかわかりませんでした。
つきましては、問題個所の指摘や検索ワード等ヒントやアドバイスを頂けると助かります。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

正規表現から、(無用な)グローバルフラグを取れば期待通りの動作をすると思います。

グローバルフラグを付けた正規表現を異なる文字列に対して複数回testを呼んだ場合の動作はちょっとよく分かりません。同じ文字列に対して複数回testを呼んだ場合は、さっきマッチした次から探すのですが。

投稿2017/12/09 15:23

otn

総合スコア84555

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2017/12/09 15:33

回答ありがとうございます! 早速試してみたところ期待通りの動作になりました。 置換が出来る時があったのでif文に誤りがあるとばかり思い込んで行き詰っていました。 正規表現についてもっと勉強を積み重ねていきたいと思います。 お忙しい中ほんとうにありがとうございました。
otn

2017/12/09 16:16

正規表現というか、testの仕様ですね。 > <名前ab  コメントabcde> のケースでは、おそらくコメントのabではなくdeにマッチしたんだと思います。
退会済みユーザー

退会済みユーザー

2017/12/10 09:50

testの仕様についても勉強してみました!返信した後に色々な単語でテストをしてると、グローバル変数を取った事により2つ目以降のNGワードにかからないようになってしまった事に気付いたので、<同じ文字列に対して複数回testを呼んだ場合はry>をヒントにmatchで検索をかけることで問題をクリアー出来ました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問