Bagaimana untuk melakukan pemadanan huruf besar-kecil menggunakan RegExp JavaScript?-html tutorial-php.cn

Bagaimana untuk melakukan pemadanan huruf besar-kecil menggunakan RegExp JavaScript?

王林

Lepaskan： 2023-09-07 17:09:02

ke hadapan

1594 orang telah melayarinya

如何使用JavaScript RegExp进行不区分大小写的匹配？

Dalam tutorial ini, kita akan belajar cara melakukan padanan tidak peka huruf besar-kecil menggunakan RegExp JavaScript.

Ungkapan biasa boleh diisytiharkan dalam dua cara -

Gunakan literal ungkapan biasa, bermula dan berakhir dengan garis miring, dan Corak diletakkan di antara keduanya.
Panggil pembina objek RegExp, yang mengambil masa Parameter yang digunakan untuk mencipta ungkapan biasa.

Pengguna boleh menggunakan sintaks berikut untuk mencipta ungkapan biasa.

tatabahasa

//Using a regular expression literal
const regex = /tutorial/i
//Using RegExp constructor
const regex2 = new RegExp('tutorial', 'i')

Salin selepas log masuk

Dalam sintaks di atas, ungkapan biasa dicipta untuk memadankan perkataan "tutorial", pengubah suai "i" bermakna ia boleh memadankan mana-mana subrentetan dengan aksara ini, tanpa mengira kesnya ("TuToRial", "Tutorial" ", tunggu).

Gunakan kaedah padanan rentetan()

Kaedah padanan() adalah sebahagian daripada objek String dalam JavaScript. Ia digunakan untuk memadankan rentetan dengan RegExp atau ungkapan biasa.

Pengguna boleh menggunakan kaedah padanan() dengan JavaScript RegExp mengikut sintaks berikut untuk melaksanakan padanan tidak sensitif huruf besar-besaran.

tatabahasa

text.match(regex)

Salin selepas log masuk

Dalam sintaks di atas, "teks" ialah rentetan yang perlu disemak menggunakan ungkapan biasa. "regex" ialah corak ungkapan biasa.

parameter

regex - Ia ialah ungkapan biasa atau rentetan yang akan ditukar kepada ungkapan biasa.

Jenis Pemulangan

Mengembalikan tatasusunan semua padanan, atau batal jika tiada padanan ditemui.

Contoh

Dalam contoh yang diberikan di bawah, kami menggunakan kaedah padanan() untuk melaksanakan padanan tidak sensitif huruf besar-besaran. Kami sedang menyemak keputusan kaedah padanan apabila butang diklik dan mengeluarkannya.

<html>
<body>
   <h4>Performming Case Insensitive Matching with RegExp using <i>
   match() </i> method</h4>
   <button onclick="check()">Check</button>
   <p>Original Text: Welcome to Tutorialspoint</p>
   <p>Text To Match: tutorial </p>
   <p id="output"></p>
   <script>
      const text='Welcome to Tutorialspoint'
      const regex=/tutorial/i
      function check(){
         //Using the match method
         let result=text.match(regex)
         document.getElementById('output').innerHTML='Mached Text: '+result
      }
   </script>
</body>
</html>

Salin selepas log masuk

Output di atas menunjukkan bahawa kaedah match() mengembalikan subrentetan "Tutorial" yang sepadan.

Gunakan kaedah carian rentetan()

Kaedah search() adalah sebahagian daripada objek String dalam JavaScript. Ia digunakan untuk mencari subrentetan rentetan berdasarkan RegExp atau ungkapan biasa.

Pengguna boleh menggunakan kaedah carian() dengan JavaScript RegExp mengikut sintaks berikut untuk melakukan padanan tidak sensitif huruf besar-besaran.

tatabahasa

text.search(regex)

Salin selepas log masuk

Dalam sintaks di atas, "teks" ialah rentetan dan "regex" ialah corak ungkapan biasa.

parameter

regex - Ia ialah ungkapan biasa atau rentetan yang akan ditukar kepada ungkapan biasa.

Jenis Pemulangan

Mengembalikan kedudukan perlawanan pertama, atau -1 jika tiada perlawanan ditemui.

Contoh

Dalam contoh yang diberikan di bawah, kami telah menggunakan kaedah carian() dan dengan mengklik butang kami menyemak hasil kaedah carian() dan mengeluarkannya.

<html>
<body>
   <h4>Performming Case Insensitive Matching with RegExp using <i>
   search() </i> method.</h4>
   <p>Text: Welcome to Tutorialspoint</p>
   <p>Text to Match: tutorial</p>
   <button onclick="check()">Check</button>
   <p id="output"></p>
   <p><b>Note:</b>The search() method returns the position of first
   match</p>
   <script>
      const text='Welcome to Tutorialspoint'
      const regex=/tutorial/i
      function check(){
         //Using search method
         let result=text.search(regex)
         document.getElementById('output').innerHTML='Result: '+result
      }
   </script>
</body
</html>

Salin selepas log masuk

Dalam output di atas, pengguna dapat melihat bahawa kaedah carian() mengembalikan kedudukan permulaan subrentetan "Tutorial".

Gunakan kaedah RegExp test()

Kaedah test() adalah sebahagian daripada objek RegExp dalam JavaScript. Ia digunakan untuk menguji rentetan berdasarkan RegExp atau ungkapan biasa.

Pengguna boleh menggunakan kaedah test() dengan JavaScript RegExp mengikut sintaks berikut untuk melakukan padanan tidak sensitif huruf besar-besaran.

tatabahasa

regex.test(text)

Salin selepas log masuk

Dalam sintaks di atas, "teks" ialah rentetan yang perlu disemak menggunakan ungkapan biasa. "regex" ialah corak ungkapan biasa.

parameter

Teks/String - Ini ialah teks atau rentetan yang perlu diuji.

Jenis Pemulangan

Mengembalikan palsu jika tiada padanan ditemui, jika tidak mengembalikan benar.

Contoh

Dalam contoh yang diberikan di bawah, kami telah menggunakan kaedah test().

<html>
<body>
   <p>Performming Case Insensitive Matching with JavaScript RegExp using <i>
   test() </i> method</p>
   <p>Text: Welcome to Tutorialspoint</p>
   <p>Text to Match: tutorial</p>
   <button onclick="check()">Check</button>
   <p id="output"></p>
   <p><b>Note:</b> The test() method returns true if there is a match, else
   returns false.</p>
   <script>
      const text = 'Welcome to Tutorialspoint'
      const regex = /tutorial/i
      function check() {
         //Using the test method
         let result = regex.test(text)
         document.getElementById('output').innerHTML = 'Result: ' + result
      }
   </script>
</body>
</html>

Salin selepas log masuk

Dalam output di atas, pengguna dapat melihat bahawa kaedah test() kembali benar kerana subrentetan "Tutorial" terdapat dalam teks.

Gunakan kaedah RegExp exec()

Kaedah exec() ialah sebahagian daripada objek RegExp dalam JavaScript. Ia digunakan untuk memadankan rentetan dengan RegExp atau ungkapan biasa.

Pengguna boleh menggunakan kaedah exec() dengan JavaScript RegExp mengikut sintaks berikut untuk melakukan padanan tidak sensitif huruf besar-besaran.

tatabahasa

regex.exec(text)

Salin selepas log masuk

Dalam sintaks di atas, "teks" ialah rentetan dan "regex" ialah corak ungkapan biasa.

parameter

Teks/rentetan - Teks atau rentetan yang perlu dipadankan.

Jenis Pemulangan

Mengembalikan tatasusunan semua padanan, atau batal jika tiada padanan ditemui.

Contoh

Dalam contoh yang diberikan di bawah, kami telah menggunakan kaedah exec().

<html>
<body>
   <p>Performming Case Insensitive Matching with JavaScript RegExp using
   <i> exec() </i> method</p>
   <button onclick="check()">Check</button>
   <p>Text: Welcome to Tutorialspoint</p>
   <p id="output"></p>
   <script>
      const text='Welcome to Tutorialspoint'
      const regex=/tutorial/i
      function check(){
         //Using the exec method
         let result=regex.exec(text)
         document.getElementById('output').innerHTML='Result: '+result
      }
   </script>
</body>
</html>

Salin selepas log masuk

Output di atas menunjukkan bahawa kaedah exec() mengembalikan subrentetan "Tutorial" yang sepadan.

Dalam tutorial ini, kami membincangkan empat cara untuk melakukan pemadanan tidak sensitif huruf besar-besaran menggunakan RegExp. Dua kaedah pertama ialah kaedah padanan rentetan() dan carian(). Dua kaedah lain ialah kaedah RegExp test() dan exec().

Atas ialah kandungan terperinci Bagaimana untuk melakukan pemadanan huruf besar-kecil menggunakan RegExp JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!