基本正規表現における バックスラッシュの用途と matchメソッドの確認方法について

メタ文字のバックスラッシュの使い方や、JavaScriptにおける配列の見方や意味など

Transcript

1. 基本正規表現における バックスラッシュの用途と matchメソッドの確認方法について 2017年7月19日(水)いろいろ初心者もくもく勉強会の日 in JUSO Coworking
2. よくあるバックスラッシュの例 • \n → 改行を表す。 • \t → タブを表す。 • \d → 数字を表す。（[0-9]と同じ）
3. メタ文字を打ち消すバックスラッシュの例 • \.　→ 「.」 • \* 　→ 「*」 • \/\/ →「//」
4. I have two pens. <script> var i = 'I have (two pens)'.match(/(two pen.)/)[0]; var j = 'I have (two pens.)'.match(/\(two pens\.\)/)[0]; </script>
5. パターンマッチの違い • i → “two pens”とマッチ • j → “ (two pens.)”とマッチ
6. JavaScriptにおけるパターンマッチの確認方法 末尾の[0]はなに？
7. デバッグコンソール <script> var i = 'I have (two pens)'.match(/(two pen.)/)[0]; var j = 'I have (two pens.)'.match(/\(two pens\.\)/)[0]; console.log(i); console.log(j); </script>
8. デバッグコンソールの結果 two pens (two pens.)
9. [0]をとってデバッグコンソール [ 'two pens', 'two pens', index: 8, input: 'I have (two pens)' ] [ '(two pens.)', index: 7, input: 'I have (two pens.)' ]
10. matchメソッドの返り値 “全てのマッチを含む配列及び括弧内で捕獲された結果の配列、又はマッチが見つから なかった場合はnullを返します。” String.prototype.match() - JavaScript | MDN https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/St ring/match [0]→配列の要素番目
11. 配列の要素数 var k1 = 'I have (two pens)'.match(/two pens/); var k = 'I have (two pens)'.match(/(two pen.)/); var k2 = 'I have (two pens)'.match(/(two) (pen.)/); console.log(k1); console.log(k); console.log(k2);
12. デバッグコンソールの結果 [ 'two pens', index: 8, input: 'I have (two pens)' ] [ 'two pens', 'two pens', index: 8, input: 'I have (two pens)' ] [ 'two pens', 'two', 'pens', index: 8, input: 'I have (two pens)' ]
13. デバッグコンソール時のルール 「メタ文字として括弧を使った場合、配列の 1番目以降に括弧ごとのマッチ範囲の文字 列が格納される」
14. デバッグコンソールの解説（1行目） var k1 = 'I have (two pens)'.match(/two pens/); [ 'two pens', index: 8, input: 'I have (two pens)' ] メタ文字としての丸カッコが使われていない。パターン マッチの値しか返ってこない
15. デバッグコンソールの解説（2行目） var k = 'I have (two pens)'.match(/(two pen.)/); [ 'two pens', 'two pens', index: 8, input: 'I have (two pens)' ] メタ文字としての丸カッコが1つ使われている。パターン マッチの値とその範囲が1つ返る。
16. デバッグコンソールの解説（3行目） var k2 = 'I have (two pens)'.match(/(two) (pen.)/); [ 'two pens', 'two', 'pens', index: 8, input: 'I have (two pens)' ] メタ文字としての丸カッコが2つ使われている。パターン マッチの値とその範囲が2つ返る