<textarea>の中のハイフンを数えたい

Question

<textarea>の中のハイフンを数えたいのですが、一個目まで数えてくれるのですが二つ目から数えてくれません。 どうすればいいでしょうか。。 ```js function chk(){ tval = document.getElementById("rtxt").value; num = tval.match("-"); kensu = num.length +0; document.getElementById('count').innerHTML= kensu+"件"; ``` ```html <span id="count">0件</span> <form> <textarea rows="3" cols="50" id="rtxt" onKeyUp="chk();"></textarea> </form>

Answer 1

スピードが重要なら、正規表現を使わず.split('-').length - 1としたほうが圧倒的に高速になる、とのことです。

StackOverflow（英語）

Answer 2

gフラグを使用してください

// num = tval.match("-");
num = tval.match(/-/g);

---

グローバル フラグ (g) が設定されていない場合、配列の要素 0 には一致した文字列全体が、要素 1 から n には、一致した文字列の中に副次的に含まれている内容が格納されます。この動作は、グローバル フラグが設定されていない場合の exec メソッド (Regular Expression) (JavaScript) の動作と同じです。グローバル フラグが設定されている場合、要素 0 から n には一致したすべての文字列がそれぞれ格納されます。

match メソッド (String) (JavaScript)
https://msdn.microsoft.com/ja-jp/library/7df7sf4x%28v=vs.94%29.aspx?f=255&MSPPError=-2147217396