Tutorial JS

JS RUMAH Pengenalan JS JS Dimana Keluaran JS Pernyataan JS Sintaks JS Komentar JS Variabel JS JS Let JS Const Operator JS JS Aritmatika Tugas JS Tipe Data JS Fungsi JS Objek JS Acara JS String JS Metode String JS Pencarian String JS Template String JS Nomor JS Metode Nomor JS JS Array Metode Array JS Sortir Array JS Iterasi Array JS JS Array Const Tanggal JS Format Tanggal JS Metode Dapatkan Tanggal JS Metode Penetapan Tanggal JS JS Matematika JS Acak JS Boolean Perbandingan JS Ketentuan JS Beralih JS JS Loop Untuk JS Loop Untuk Masuk JS Loop Untuk Of JS Loop Sementara Istirahat JS JS Iterable JS Set Peta JS Tipe JS Konversi Tipe JS JS Bitwise JS RegExp Kesalahan JS Lingkup JS Pengangkatan JS Mode Ketat JS JS Kata Kunci ini Fungsi Panah JS Kelas JS JS JSON Debug JS Panduan Gaya JS Praktik Terbaik JS Kesalahan JS Kinerja JS Kata-kata Cadangan JS

Versi JS

Versi JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Tepi Sejarah JS

Objek JS

Definisi Objek Properti Objek Metode Objek Tampilan Objek Aksesor Objek Konstruktor Objek Prototipe Objek Obyek Iterable Set Objek Peta Objek Referensi Objek

Fungsi JS

Definisi Fungsi Parameter Fungsi Panggilan Fungsi Panggilan Fungsi Fungsi Terapkan Penutupan Fungsi

Kelas JS

Perkenalan Kelas Warisan Kelas Kelas Statis

JS Asinkron

Panggilan Balik JS JS Asinkron JS Janji JS Async/Menunggu

JS HTML DOM

Pengenalan DOM Metode DOM Dokumen DOM Elemen DOM HTML DOM Formulir DOM CSS DOM Animasi DOM Acara DOM Pendengar Acara DOM Navigasi DOM Node DOM Koleksi DOM Daftar Node DOM

JS Browser BOM

Jendela JS Layar JS Lokasi JS Sejarah JS JS Navigator Peringatan Munculan JS Waktu JS JS Cookies

JS Web API

Pengantar API Web API Formulir Web API Riwayat Web API Penyimpanan Web API Pekerja Web API Pengambilan Web API Geolokasi Web

JS AJAX

Pengenalan AJAX AJAX XMLHttp Permintaan AJAX Tanggapan AJAX File XML AJAX AJAX PHP AJAX ASP Basis Data AJAX Aplikasi AJAX Contoh AJAX

JS JSON

Perkenalan JSON Sintaks JSON JSON vs XML Tipe Data JSON Penguraian JSON Stringify JSON Objek JSON Array JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Pemilih jQuery jQuery HTML jQuery CSS jQuery DOM

Grafik JS

Grafik JS JS Kanvas JS Plotly JS Chart.js Bagan Google JS JS D3.js

Contoh JS

Contoh JS JS HTML DOM Masukan HTML JS Objek HTML JS Acara HTML JS JS Browser Editor JS Latihan JS kuis JS Sertifikat JS

Referensi JS

Objek JavaScript Objek DOM HTML


Ekspresi Reguler JavaScript


Ekspresi reguler adalah urutan karakter yang membentuk pola pencarian.

Pola pencarian dapat digunakan untuk operasi pencarian teks dan penggantian teks.


Apa Itu Ekspresi Reguler?

Ekspresi reguler adalah urutan karakter yang membentuk pola pencarian .

Saat Anda mencari data dalam teks, Anda dapat menggunakan pola pencarian ini untuk menjelaskan apa yang Anda cari.

Ekspresi reguler dapat berupa karakter tunggal, atau pola yang lebih rumit.

Ekspresi reguler dapat digunakan untuk melakukan semua jenis pencarian teks dan operasi penggantian teks .

Sintaksis

/pattern/modifiers;

Contoh

/w3schools/i;

Contoh menjelaskan:

/w3schools/i   adalah ekspresi reguler.

w3schools   adalah sebuah pola (untuk digunakan dalam pencarian).

i   adalah pengubah (memodifikasi pencarian menjadi case-insensitive).


Menggunakan Metode String

Dalam JavaScript, ekspresi reguler sering digunakan dengan dua metode string : search()dan replace().

Metode search()ini menggunakan ekspresi untuk mencari kecocokan, dan mengembalikan posisi kecocokan.

Metode replace()mengembalikan string yang dimodifikasi di mana polanya diganti.


Menggunakan pencarian String() Dengan String

Metode search()ini mencari string untuk nilai tertentu dan mengembalikan posisi kecocokan:

Contoh

Gunakan string untuk melakukan pencarian "W3schools" dalam string:

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

Hasilnya di n adalah:

6


Menggunakan Pencarian String() Dengan Ekspresi Reguler

Contoh

Gunakan ekspresi reguler untuk melakukan pencarian case-insensitive untuk "w3schools" dalam sebuah string:

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

Hasilnya di n adalah:

6



Menggunakan String replace() Dengan String

Metode replace()menggantikan nilai tertentu dengan nilai lain dalam string:

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");

Gunakan String replace() Dengan Regular Expression

Contoh

Gunakan ekspresi reguler case-insensitive untuk menggantikan Microsoft dengan W3Schools dalam sebuah string:

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

Hasil di res akan menjadi:

Visit W3Schools!

Apakah kamu menyadari?

Argumen ekspresi reguler (bukan argumen string) dapat digunakan dalam metode di atas.
Ekspresi reguler dapat membuat pencarian Anda jauh lebih kuat (misalnya tidak peka huruf besar-kecil).


Pengubah Ekspresi Reguler

Pengubah dapat digunakan untuk melakukan pencarian global yang lebih peka huruf besar/kecil:

Modifier Description Try it
i Perform case-insensitive matching
g Perform a global match (find all matches rather than stopping after the first match)
m Perform multiline matching

Pola Ekspresi Reguler

Tanda kurung digunakan untuk menemukan berbagai karakter:

Expression Description Try it
[abc] Find any of the characters between the brackets
[0-9] Find any of the digits between the brackets
(x|y) Find any of the alternatives separated with |

Metakarakter adalah karakter dengan arti khusus:

Metacharacter Description Try it
\d Find a digit
\s Find a whitespace character
\b Find a match at the beginning of a word like this: \bWORD, or at the end of a word like this: WORD\b
\uxxxx Find the Unicode character specified by the hexadecimal number xxxx

Quantifier mendefinisikan kuantitas:

Quantifier Description Try it
n+ Matches any string that contains at least one n
n* Matches any string that contains zero or more occurrences of n
n? Matches any string that contains zero or one occurrences of n

Menggunakan Objek RegExp

Dalam JavaScript, objek RegExp adalah objek ekspresi reguler dengan properti dan metode yang telah ditentukan sebelumnya.


Menggunakan tes()

Metodenya adalah test()metode ekspresi RegExp.

Itu mencari string untuk sebuah pola, dan mengembalikan benar atau salah, tergantung pada hasilnya.

Contoh berikut mencari string untuk karakter "e":

Contoh

const pattern = /e/;
pattern.test("The best things in life are free!");

Karena ada "e" dalam string, output dari kode di atas adalah:

true

Anda tidak harus meletakkan ekspresi reguler dalam variabel terlebih dahulu. Dua baris di atas dapat dipersingkat menjadi satu:

/e/.test("The best things in life are free!");

Menggunakan exec()

Metodenya adalah exec()metode ekspresi RegExp.

Ini mencari string untuk pola tertentu, dan mengembalikan teks yang ditemukan sebagai objek.

Jika tidak ada kecocokan yang ditemukan, ia mengembalikan objek kosong (null) .

Contoh berikut mencari string untuk karakter "e":

Contoh

/e/.exec("The best things in life are free!");

Referensi RegExp Lengkap

Untuk referensi lengkap, buka Referensi RegExp JavaScript Lengkap kami .

Referensi berisi deskripsi dan contoh semua properti dan metode RegExp.