Rumah >hujung hadapan web >html tutorial >Cari nombor dalam kurungan dalam RegExp JavaScript?
Cari nombor dalam kurungan dalam RegExp JavaScript?
- WBOYke hadapan
- 2023-08-20 18:45:45773semak imbas
Dalam tutorial ini, kita belajar cara mencari nombor dalam kurungan menggunakan JavaScript RegExp. Nilai ASCII untuk nombor (0-9) berjulat dari 48 hingga 57. Kami menggunakan [0-9] untuk mewakili nombor dalam kurungan dalam ungkapan biasa. Untuk mencari nombor dalam julat kecuali semua nombor, kita boleh menulis julat tertentu. Sebagai contoh, untuk mencari nombor antara 4 dan 8, kita boleh menulis [4-8] dalam corak ungkapan biasa. Kini, matlamat kami adalah untuk mencari nombor dalam kurungan dalam teks menggunakan RegExp dalam JavaScript. Kita boleh mengikuti sintaks berikut untuk mencari nombor dalam kurungan.
Sintaks
Berikut ialah sintaks untuk kumpulan RegExp [0-9] aksara -
new RegExp("[0-9]") or simply /[0-9]/
/[0-9]/, diperkenalkan dalam ES1. Ia disokong sepenuhnya oleh semua penyemak imbas Suka, Chrome, IE, Safari, Opera, FireFox dan Edge.
RegExp mempunyai pengubah suai seperti g, i, m. "g" digunakan untuk melakukan perlawanan global, "i" digunakan untuk melakukan perlawanan tidak peka huruf besar-besaran dan "m" digunakan untuk melakukan perlawanan berbilang baris.
Sintaks untuk /[0-9]/ dengan pengubah suai seperti
new RegExp("[0-9]", "g") or simply /[0-9]/g
Algoritma
- Langkah 1 − Tentukan rentetan yang mengandungi beberapa nombor.
- LANGKAH 2 − Tentukan corak RegExp untuk digit antara kurungan.
- Langkah 3 - Gunakan fungsi padanan(corak) pada rentetan yang ditakrifkan di atas untuk mencari nombor antara kurungan dalam rentetan.
- Langkah 4 - Paparkan keputusan - nombor yang sepadan.
Mari lihat beberapa contoh program untuk pemahaman yang lebih jelas.
Contoh 1
Dalam program di bawah, kami menggunakan padanan rentetan(corak) untuk mencari digit antara 1 dan 4 dalam rentetan yang diberikan Kami menggunakan corak RegExp sebagai kaedah /[1-4]/g mengembalikan tatasusunan digit dalam rentetan.
<!DOCTYPE html>
<html>
<body>
<h2>Finding digits inside the bracket</h2>
<p id = "text"></p>
<p>Digits inside the bracket [1-4] :
<span id= "result"></span>
</p>
<script>
let myStr = "0127845639Hello";
document.getElementById("text").innerHTML = myStr;
let pattern = /[1-4]/g;
let result = myStr.match(pattern);
document.getElementById("result").innerHTML = result;
</script>
</body>
</html>
Di sini, teks diberikan sebagai 0-9 digit dan perkataan Hello Dalam corak, kami telah memberikan kaedah padanan() hanya akan mencari digit dari 1 hingga 4 sahaja. kaedah match() akan mengembalikan tatasusunan digit sedia ada jika tidak ia akan kembali sebagai nol Mari lihat contoh lain.
Contoh 2
Dalam atur cara di bawah, kami mengambil rentetan tanpa digit dan cuba mencari digit dalam rentetan Kami menggunakan padanan rentetan(corak) untuk mencari digit antara 1 dan 4 dalam rentetan yang diberikan Kami menggunakan corak RegExp sebagai /[1 -4]/g. Lihat rupa output kami.
<!DOCTYPE html>
<html>
<body>
<h1>Finding digits inside the bracket</h1>
<p id= "result"></p>
<script>
let text = "567890";
let pattern = /[1-4]/g;
let result = text.match(pattern);
if(result == null){
document.getElementById("result").innerHTML = "Sorry, there is no digits in text that mentioned in the brackets";
} else {
ocument.getElementById("result").innerHTML = result;
}
</script>
</body>
</html>
Di sini, kita boleh perhatikan dalam corak yang telah kita sebutkan [1-4] tetapi dalam teks kita diberikan dari 5-9 dan 0. kaedah perlawanan() akan kembali sebagai batal kerana tiada penemuan Jadi, jika penyataan dilaksanakan. Jika teks input diberikan sebagai contoh pertama, maka padanan() akan mengembalikan tatasusunan digit sedia ada dan penyataan lain akan dilaksanakan Suka,
Contoh 3
<!DOCTYPE html>
<html>
<body>
<h1>Finding digits inside the bracket</h1>
<p id= "result"></p>
<script>
let text = "0127845639Hello";
let pattern = /[1-4]/g;
let result = text.match(pattern);
if(result == null){
document.getElementById("result").innerHTML = "Sorry, there is no digits in text that mentioned in the brackets";
} else {
document.getElementById("result").innerHTML = "Digit(s) inside the inside the bracket: " + result;
}
</script>
</body>
</html>
Sekarang, Kami akan menyemak cara menggantikan aksara perkataan dalam teks yang diberikan. Mari lihat contoh
Contoh 4
Cari dan gantikan nombor antara kurungan
Dalam contoh di bawah, kami menggunakan kaedah split() dan join() untuk mencari dan menggantikan nombor antara 1 dan 4 dengan aksara ruang.
<!DOCTYPE html>
<html>
<body>
<h1>Replace digits inside the bracket</h1>
<p>After replacing the digits inside the bracket :
<span id= "result"></span>
</p>
<script>
let text = "0127845639Hello";
let pattern = /[1-4]/g;
let result = text.split(pattern).join(" ");
document.getElementById("result").innerHTML = result;
</script>
</body>
</html>
Contoh 5
Kami juga akan menyemak untuk menggantikan digit di dalam kurungan menggunakan cara yang lebih mudah,
<!DOCTYPE html>
<html>
<body>
<h1>Replace digits inside the bracket</h1>
<p>After replacing the digits inside the bracket :
<span id= "result"></span>
</p>
<script>
let text = "0127845639Hello";
let pattern = /[1-4]/g;
let result = text.replace(pattern , " ");
document.getElementById("result").innerHTML = result;
</script>
</body>
</html>
Seperti yang kita bincangkan, g untuk perlawanan global Daripada berhenti dengan kejadian pertama, ia akan mencari semua kejadian.
Semoga tutorial ini akan memberi pengetahuan tentang cara mencari digit di dalam kurungan menggunakan RegExp dalam JavaScript.
Atas ialah kandungan terperinci Cari nombor dalam kurungan dalam RegExp JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!