Pencarian String JavaScript

Metode JavaScript untuk mencari string:

  • String.indexOf()
  • String.lastIndexOf()
  • String.startsWith()
  • String.endsWith()

String.indexOf()

indexOf() Metode mengembalikan teks yang ditentukan di dalam stringKali pertamaIndeks muncul (posisi) adalah：

Contoh

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate")    // mengembalikan 7

Coba Sendiri

JavaScript menghitung posisi dari nol.

0 adalah posisi pertama di string, 1 adalah kedua, 2 adalah ketiga ......

String.lastIndexOf()

lastIndexOf() Method mengembalikan indeks terakhir penempatan teks yang ditentukan di dalam string:

Contoh

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate")    // mengembalikan 21

Coba Sendiri

jika teks tidak ditemukan:indexOf() dan lastIndexOf() mengembalikan -1:

Contoh

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("Bill")    // mengembalikan -1

Coba Sendiri

Kedua method ini menerima parameter kedua sebagai posisi awal pencarian:

Contoh

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate", 15)    // mengembalikan 21

Coba Sendiri

lastIndexOf() Method mencari ke belakang (dari ujung ke ujung), yang berarti: jika parameter kedua adalah 15jika mulai dari posisi 15, mencari hingga awal string.

Contoh

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate", 15)    // mengembalikan 7

Coba Sendiri

String.search()

search() Method mencari nilai yang ditentukan di dalam string dan mengembalikan posisi yang cocok:

Contoh

let str = "Please locate where 'locate' occurs!";
str.search("locate")     // mengembalikan 7

Coba Sendiri

Anda mengetahui?

indexOf() dan search() Kedua method ini, apakah sama?

Mengapa mereka menerima parameter yang sama dan mengembalikan nilai yang sama?

Kedua method ini tidak sama. Perbedaan seperti berikut:

  • search() Method ini tidak dapat menerima parameter posisi awal kedua.
  • indexOf() Method ini tidak dapat menerima nilai pencarian kuat (ekspresi reguler).

Anda akan belajar lebih banyak tentang ekspresi reguler di bab selanjutnya.

String.match()

Method match() mencari item cocok di dalam string berdasarkan ekspresi reguler dan mengembalikan item cocok sebagai objek Array.

Contoh 1

Pencarian "ain" di dalam string:

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g)    // mengembalikan array [ain,ain,ain]

Coba Sendiri

Belajar lebih banyak tentang ekspresi reguler di bab JS RegExp.

Jika ekspresi reguler tidak mengandung modifikator g (pencarian global), method match() hanya akan mengembalikan item pertama yang cocok di dalam string.

Sintaks

string.match(regexp)
regexp Wajib. Nilai yang akan dicari, berupa ekspresi reguler.
Kembalikan： Array, berisi item yang cocok, setiap item cocok dihubungkan dengan objek, jika tidak ada item cocok, maka null.

Contoh 2

Pencarian global tanpa membedakan huruf besar untuk "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi)   // Kembali array [ain,AIN,ain,ain]

Coba Sendiri

String.includes()

Jika string mengandung nilai yang ditentukan,includes() Metode kembali true.

Contoh

let text = "Hello world, welcome to the universe.";
text.includes("world")    // Kembali true

Coba Sendiri

Dukungan browser

Internet Explorer tidak mendukung String.includes().

Chrome IE Firefox Safari Opera
Chrome 41 Edge 12 Firefox 40 Safari 9 Opera 28
2015 bulan 3 2015 bulan 7 2015 bulan 8 2015 bulan 10 2015 bulan 3

Sintaks

string.includes(searchvalue, start)
searchvalue Wajib. String yang perlu dicari diperlukan.
start Pilihan. Bawaan adalah 0. Lokasi awal pencarian.
Kembalikan： Jika string mengandung nilai tersebut, kembalikan true，jika tidak kembali false.
Versi JS： ES6 (2015)

Periksa apakah string mengandung "world", mulai dari lokasi 12 pencarian：

let text = "Hello world, welcome to the universe.";
text.includes("world", 12)    // Kembali false

Coba Sendiri

String.startsWith()

Jika string mulai dengan nilai yang ditentukan, maka startsWith() Metode kembali true，jika tidak kembali false:

Contoh

let text = "Hello world, welcome to the universe.";
text.startsWith("Hello")   // Kembali true

Coba Sendiri

Sintaks

string.startsWith(searchvalue, start)

Nilai parameter

Parameter Deskripsi
searchvalue Wajib. Nilai yang perlu dicari.
start Pilihan. Bawaan adalah 0. Lokasi awal pencarian.

Contoh

let text = "Hello world, welcome to the universe.";
text.startsWith("world")    // Kembali false

let text = "Hello world, welcome to the universe.";
text.startsWith("world", 5)    // Kembali false

let text = "Hello world, welcome to the universe.";
text.startsWith("world", 6)    // Kembali true

Coba Sendiri

Keterangan:startsWith() Metode membedakan huruf besar dan kecil.

Internet Explorer tidak mendukung startsWith() Metode.

Versi browser yang sepenuhnya didukung pertama adalah：

Chrome IE Firefox Safari Opera
Chrome 41 Edge 12 Firefox 17 Safari 9 Opera 28
2015 bulan 3 2015 bulan 7 2015 bulan 8 2015 bulan 10 2015 bulan 3

String.endsWith()

Jika string berakhir dengan nilai yang ditentukan, maka endsWith() Metode kembali true，jika tidak kembali false:

Contoh

Periksa apakah string berakhir dengan "Gates":

var text = "Bill Gates";
text.endsWith("Gates")    // Kembali true

Coba Sendiri

Sintaks

string.endsWith(searchvalue, length)

Nilai parameter

Parameter Deskripsi
searchvalue Wajib. Nilai yang perlu dicari.
length Pilihan. Panjang yang akan dicari.

Cari string yang berakhir dengan "world" untuk 11 karakter pertama:

let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11)    // Mengembalikan true

Coba Sendiri

Keterangan:endsWith() Metode membedakan huruf besar dan kecil.

Internet Explorer tidak mendukung endsWith() Metode.

Versi browser yang pertama yang mendukung metode ini adalah:

Chrome IE Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
Mei 2016 April 2017 Juni 2017 September 2016 Juni 2016

Referensi Lengkap String

Untuk referensi penuh, silakan kunjungi referensi penuh kami Panduan Lengkap String JavaScript.

Panduan ini mengandung deskripsi dan contoh dari semua atribut dan metode string.