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


Pencarian String JavaScript

Metode Pencarian JavaScript

  • String indeksDari()
  • String terakhirIndexOf()
  • String dimulaiDengan()
  • String berakhirDengan()

JavaScript String indeksOf()

Metode indexOf()mengembalikan indeks (posisi) firstkemunculan teks tertentu dalam sebuah string:

Contoh

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

Catatan

JavaScript menghitung posisi dari nol.

0 adalah posisi pertama dalam string, 1 adalah yang kedua, 2 adalah yang ketiga, ...


String JavaScript lastIndexOf()

Metode lastIndexOf()mengembalikan indeks kemunculan terakhir dari teks tertentu dalam sebuah string:

Contoh

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

Both indexOf(), dan lastIndexOf()return -1 jika teks tidak ditemukan:

Contoh

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("John");

Kedua metode menerima parameter kedua sebagai posisi awal untuk pencarian:

Contoh

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

Metode lastIndexOf()pencarian mundur (dari akhir ke awal), artinya: jika parameter kedua adalah 15, pencarian dimulai pada posisi 15, dan pencarian ke awal string.

Contoh

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

Pencarian String JavaScript()

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

Contoh

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

Apakah kamu menyadari?

Kedua metode, indexOf()dan search(), adalah sama?

Mereka menerima argumen (parameter) yang sama, dan mengembalikan nilai yang sama?

Kedua metode TIDAK sama. Inilah perbedaannya:

  • Metode search()tidak dapat mengambil argumen posisi awal kedua.
  • Metode indexOf()ini tidak dapat mengambil nilai pencarian yang kuat (ekspresi reguler).

Anda akan mempelajari lebih lanjut tentang ekspresi reguler di bab selanjutnya.



Pencocokan String JavaScript ()

Metode match() mencari string untuk kecocokan dengan ekspresi reguler, dan mengembalikan kecocokan, sebagai objek Array.

Contoh 1

Cari string untuk "ain":

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

Baca lebih lanjut tentang ekspresi reguler di bab JS RegExp .

Catatan

Jika ekspresi reguler tidak menyertakan pengubah g (untuk melakukan pencarian global ), metode match() hanya akan mengembalikan kecocokan pertama dalam string.

Sintaksis

string.match(regexp)
regexp Required. The value to search for, as a regular expression.
Returns: An Array, containing the matches, one item for each match, or null if no match is found

Contoh 2

Lakukan pencarian global, case-insensitive untuk "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi);

String JavaScript termasuk()

Metode includes()mengembalikan nilai true jika string berisi nilai yang ditentukan.

Contoh

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

Sintaksis

string.includes(searchvalue, start)
searchvalue Required. The string to search for
start Optional. Default 0. Position to start the search
Returns: Returns true if the string contains the value, otherwise false
JS Version: ES6 (2015)

Periksa apakah string menyertakan "dunia", mulai pencarian di posisi 12:

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

Dukungan Peramban

includes()adalah fitur ES6 (JavaScript 2015).

Ini didukung di semua browser modern:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

includes()tidak didukung di Internet Explorer.


String JavaScript dimulaiDengan()

Metode startsWith()kembali true jika string dimulai dengan nilai yang ditentukan, jika tidak false:

Contoh

let text = "Hello world, welcome to the universe.";

text.startsWith("Hello");

Sintaksis

string.startsWith(searchvalue, start)

Nilai Parameter

Parameter Description
searchvalue Required. The value to search for.
start Optional. Default 0. The position to start the search.

Contoh

let text = "Hello world, welcome to the universe.";

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

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

text.startsWith("world", 6)    // Returns true

Catatan

Metode startsWith()ini peka huruf besar/kecil.


Dukungan Peramban

startsWith()adalah fitur ES6 (JavaScript 2015).

Ini didukung di semua browser modern:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

startsWith()tidak didukung di Internet Explorer.


String JavaScript berakhirDengan()

Metode endsWith()kembali true jika string diakhiri dengan nilai yang ditentukan, jika tidak false:

Contoh

Periksa apakah string diakhiri dengan "Doe":

var text = "John Doe";
text.endsWith("Doe");

Sintaksis

string.endswith(searchvalue, length)

Nilai Parameter

Parameter Description
searchvalue Required. The value to search for.
length Optional. The length to search.

Periksa 11 karakter pertama dari string yang diakhiri dengan "dunia":

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

Catatan

Metode endsWith()ini peka huruf besar/kecil.


Dukungan Peramban

endsWith()adalah fitur ES6 (JavaScript 2015).

Ini didukung di semua browser modern:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

endsWith()tidak didukung di Internet Explorer.


Referensi String Lengkap

Untuk referensi String lengkap, buka:

Referensi String JavaScript Lengkap .

Referensi berisi deskripsi dan contoh semua properti dan metode string.