Method const str = 'reza'; console.log(str.toUpperCase()); // REZA 3 dapat membantu kita dalam memanipulasi data string, kita tidak perlu membuat fungsi untuk memanipulasi string secara manual.
JavaScript sudah menyediakan banyak method yang bisa kita gunakan secara langsung.
Misalnya, jika kita ingin mengganti kata tertentu di dalam string, kita bisa menggunakan method const str = 'reza'; console.log(str.toUpperCase()); // REZA 4.
Untuk mengubah string menjadi huruf besar semua, bisa menggunakan method const str = 'reza'; console.log(str.toUpperCase()); // REZA 5.
Atau sebalik, mengubah string menjadi huruf kesil semua, bisa menggunakan const str = 'reza'; console.log(str.toUpperCase()); // REZA 6.
Berikut daftar materi yang akan kita bahas terkait method const str = 'reza'; console.log(str.toUpperCase()); // REZA 3.
Apa Itu Method String?
Sesuai namanya, method const str = 'reza'; console.log(str.toUpperCase()); // REZA 3 adalah fungsi atau method yang ada di dalam objek const str = 'reza'; console.log(str.toUpperCase()); // REZA 3.
Nilai string primitif seperti startsWith(karakterDicari, posisi); 7 tidak memiliki properti dan method karena bukan objek.
Tapi di JavaScript, methode yang ada di dalam string non-primitif (startsWith(karakterDicari, posisi); 8) juga dapat digunakan untuk string primitif, ini juga berlaku untuk startsWith(karakterDicari, posisi); 9 dan const str = 'reza'; console.log(str.startsWith('re')); // true console.log(str.startsWith('Re')); // false console.log(str.startsWith('za', 2)); // true console.log(str.startsWith('za', 3)); // false 0.
Sama seperti objek yang sudah kita bahas sebelumnya, kita bisa mengakses properti dan method menggunakan notasi titik.
string.propertiContoh:
const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZAJadi jangan bingung, jika kita tiba-tiba bisa mengakses properti dan method, itu semua ada di dalam objek const str = 'reza'; console.log(str.toUpperCase()); // REZA 3.
Semua method dan properti mengembalikan nilai baru tidak mengubah string asli atau string sumber yang dimanipulasi, karena di sini kita akan memanipulasi string primitif yang dibuat dengan sintaks literal.
Daftar Method String
Sebetulnya ada banyak method const str = 'reza'; console.log(str.toUpperCase()); // REZA 3 yang bisa kita gunakan, namun di sini kita mempelajari method yang paling sering digunakan saja.
const str = 'reza'; console.log(str.toUpperCase()); // REZA 8 - Hitung Panjang String
const str = 'reza'; console.log(str.toUpperCase()); // REZA 8 sebetulnya bukanlah method, melainkan properti. Oleh karena itu kita tidak perlu menggunakan tanda kurung lengkung const str = 'reza'; console.log(str.startsWith('re')); // true console.log(str.startsWith('Re')); // false console.log(str.startsWith('za', 2)); // true console.log(str.startsWith('za', 3)); // false 5.
const str = 'reza'; console.log(str.toUpperCase()); // REZA 8 mengembalikan tipe data angka panjang string.
Contoh
const str = 'reza'; console.log(str.length); // 4const str = 'reza'; console.log(str.toUpperCase()); // REZA 5 - Ubah String ke Huruf Besar
const str = 'reza'; console.log(str.toUpperCase()); // REZA 5 mengembalikan string yang dikonversi ke huruf besar.
Contoh
const str = 'reza'; console.log(str.toUpperCase()); // REZAconst str = 'reza'; console.log(str.toUpperCase()); // REZA 6 - Ubah String ke Huruf Kecil
const str = 'reza'; console.log(str.toUpperCase()); // REZA 6 mengembalikan string yang dikonversi ke huruf kecil.
const str = 'Reza'; console.log(str.toLowerCase()); // rezaconst str = 'Reza'; console.log(str.toLowerCase()); // reza 1 - Apakah String Diawali dengan Karakter Tertentu
const str = 'Reza'; console.log(str.toLowerCase()); // reza 1 mengecek apakah string diawali dengan karakter yang ditentukan dalam parameter.
Sintaks
startsWith(karakterDicari, posisi);Parameter
- endsWith(karakterDicari, panjang); 3: karakter yang akan dicari di awal string, peka huruf besar/kecil.
- endsWith(karakterDicari, panjang); 4 (opsional): posisi/index awal pencarian, default endsWith(karakterDicari, panjang); 5.
Perlu diketahui, karakter pertama string memiliki posisi atau indeksendsWith(karakterDicari, panjang); 5.
Nilai Kembalian
endsWith(karakterDicari, panjang); 7 jika karakter yang dicari ditemukan di awal string, endsWith(karakterDicari, panjang); 8 jika tidak.
Contoh
const str = 'reza'; console.log(str.startsWith('re')); // true console.log(str.startsWith('Re')); // false console.log(str.startsWith('za', 2)); // true console.log(str.startsWith('za', 3)); // falseconst str = 'Reza'; console.log(str.toLowerCase()); // reza 2 - Apakah String Diakhiri dengan Karakter Tertentu
const str = 'Reza'; console.log(str.toLowerCase()); // reza 2 mengecek apakah string diakhiri dengan karakter yang ditentukan dalam parameter.
Jika ditentukan paremeter kedua (const str = 'saya sedang belajar javascript'; console.log(str.endsWith('pt')); // true console.log(str.endsWith('dang', 11)); // true :: 11 - saya se(dang) 1), string akan dipotong sesuai dengan panjang yang ditentukan, string itulah yang kemudian diperiksa apakah diakhiri karakter yang ditentukan atau tidak.
Perlu diperhatikan, panjang/length dimluai dari 1 sedangkan indeks dimulai dari 0.
Sintaks
endsWith(karakterDicari, panjang);Parameter
- endsWith(karakterDicari, panjang); 3: karakter yang dicari di akhir string, peka huruf besar/kecil.
- const str = 'saya sedang belajar javascript'; console.log(str.endsWith('pt')); // true console.log(str.endsWith('dang', 11)); // true :: 11 - saya se(dang) 1 (opsional): panjang string, default-nya panjang string sumber (const str = 'saya sedang belajar javascript'; console.log(str.endsWith('pt')); // true console.log(str.endsWith('dang', 11)); // true :: 11 - saya se(dang) 4).
Nilai Kembalian
endsWith(karakterDicari, panjang); 7 jika karakter yang dicari ditemukan di akhir string, endsWith(karakterDicari, panjang); 8 jika tidak.
Contoh
const str = 'saya sedang belajar javascript'; console.log(str.endsWith('pt')); // true console.log(str.endsWith('dang', 11)); // true :: 11 - saya se(dang)const str = 'Reza'; console.log(str.toLowerCase()); // reza 3 - Apakah String Berisi Karakter Tertentu
const str = 'Reza'; console.log(str.toLowerCase()); // reza 3 melakukan pencarian (peka huruf besar/kecil) apakah string berisi atau mengandung karakter yang ditentukan.
Sintaks
includes(karakterDicari, posisi);Parameter
- endsWith(karakterDicari, panjang); 3: string atau karakter yang dicari.
- endsWith(karakterDicari, panjang); 4 (opsional): posisi/index untuk memulai pencarian, default endsWith(karakterDicari, panjang); 5.
Nilai Kembalian
endsWith(karakterDicari, panjang); 7 jika karakter ditemukan di mana saja di dalam string, endsWith(karakterDicari, panjang); 8 jika tidak.
Contoh
const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 0const str = 'Reza'; console.log(str.toLowerCase()); // reza 4 - Ekstrak String
const str = 'Reza'; console.log(str.toLowerCase()); // reza 4 melakukan pemotongan atau mengekstrak bagian tertentu pada string mulai dari indeks awal hingga akhir sesuai dengan yang ditentukan.
Karakter yang berada tepat di indeks awal tidak akan diambil, yang diambil adalah karakter selanjutnya.
Jika indeks akhir tidak ditentukan, dipotong hingga akhir string.
Sintaks
const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 1Parameter
- includes(karakterDicari, posisi); 6: indeks awal pemotongan.
- includes(karakterDicari, posisi); 7 (opsional): indeks akhir pemotongan, default endsWith(karakterDicari, panjang); 5.
Nilai Kembalian
Mengembalikan string hasil pemotongan.
Contoh
const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 2const str = 'Reza'; console.log(str.toLowerCase()); // reza 5 - Pecah String dan Ubah Menjadi Array
const str = 'Reza'; console.log(str.toLowerCase()); // reza 5 memecah string menjadi beberapa bagian sesuai separator yang ditentukan, string yang telah dibagi akan dimasukkan ke dalam array.
Separator akan dihapus, tidak ikut dimasukkan ke dalam array.
Jika separator tidak ditentukan, string akan dimasukkan ke dalam array tanpa pembagian.
Dengan kata lain array yang dikembalikan hanya punya satu elemen yang berisi string tersebut.
Sintaks
const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 3Parameter
- const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 01: pola yang menjadi pemisah string, bisa berupa string sederhana atau ekspresi reguler (regex).
- const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 02 (opsional): bilangan bulat positif untuk membatasi jumlah elemen array.
Nilai Kembalian
Mengembalikan array yang berisi elemen string hasil pembagian sesuai separator.
Contoh
const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 4const str = 'Reza'; console.log(str.toLowerCase()); // reza 6 - Ambil Bagian String
Mirip seperti const str = 'Reza'; console.log(str.toLowerCase()); // reza 4, const str = 'Reza'; console.log(str.toLowerCase()); // reza 6 mengambil bagian dari string sesuai dengan indeks awal dan akhir yang ditentukan.
Karakter yang berada tepat di indeks awal ikut diambil, sedangkan karakter di indeks akhir tidak diambil.
Sintaks
const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 5Parameter
- includes(karakterDicari, posisi); 6: indeks dari karakter pertama yang ingin diambil.
- includes(karakterDicari, posisi); 7 (opsional): indeks karakter akhir yang ingin dikecualikan dari string yang dikembalikan.
Nilai Kembalian
Mengembalikan string yang berisi bagian tertentu dari string sumber.
Contoh
const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 6const str = 'Reza'; console.log(str.toLowerCase()); // reza 7 - Cari Index Kemunculan Pertama dari Karakter Tertentu
const str = 'Reza'; console.log(str.toLowerCase()); // reza 7 mencari indeks dari karakter tertentu di dalam string. Jika string yang dicari lebih dari satu karakter, yang dikembalikan adalah indeks karakter pertama.
Jika karakter muncul lebih dari sekali dalam string, karakter pertama digunakan.
Sintaks
const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 7Parameter
- endsWith(karakterDicari, panjang); 3: karakter yang dicari.
- const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 11 (opsional): bilangan bulat yang mewakili indeks untuk memulai pencarian, default endsWith(karakterDicari, panjang); 5.
Nilai Kembalian
Indeks kemunculan pertama endsWith(karakterDicari, panjang); 3, atau const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 14 jika tidak ditemukan.
Contoh
const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 8const str = 'Reza'; console.log(str.toLowerCase()); // reza 8 - Cari Index Kemunculan Terakhir dari Karakter Tertentu
const str = 'Reza'; console.log(str.toLowerCase()); // reza 8 mencari indeks dari kemunculan terakhir karakter tertentu di dalam string. Jika string yang dicari lebih dari satu karakter, yang dikembalikan adalah indeks karakter pertama.
Jika karakter muncul lebih dari sekali dalam string, karakter terakhir digunakan.
Sintaks
Parameter
- endsWith(karakterDicari, panjang); 3: karakter yang dicari.
- const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 18 (opsional): bilangan bulat yang mewakili indeks akhir pencarian, default const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 19.
Nilai Kembalian
Indeks kemunculan terakhir endsWith(karakterDicari, panjang); 3, atau const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 14 jika tidak ditemukan.
Contoh
const str = 'reza'; console.log(str.length); // 4 0const str = 'Reza'; console.log(str.toLowerCase()); // reza 9 - Hapus Spasi di Awal dan Akhir String
const str = 'Reza'; console.log(str.toLowerCase()); // reza 9 menghapus spasi (white space) di awal dan akhir string termasuk spasi, tab, dan sebagainya, serta karakter terminator baris seperti CR dan LF.
Sintaks
const str = 'reza'; console.log(str.length); // 4 1Nilai Kembalian
Mengembalikan string sesuai sumber tanpa spasi di awal dan akhir.
Contoh
const str = 'reza'; console.log(str.length); // 4 2startsWith(karakterDicari, posisi); 0 - Hapus Spasi di Awal String
startsWith(karakterDicari, posisi); 0 menghapus spasi (white space) di awal string termasuk spasi, tab, dan sebagainya, serta karakter terminator baris seperti CR dan LF.
Sintaks
const str = 'reza'; console.log(str.length); // 4 3Nilai Kembalian
Mengembalikan string sesuai sumber tanpa spasi di awal.
Contoh
const str = 'reza'; console.log(str.length); // 4 4startsWith(karakterDicari, posisi); 1 - Hapus Spasi di Akhir String
startsWith(karakterDicari, posisi); 1 menghapus spasi (white space) di akhir string termasuk spasi, tab dan sebagainya, serta karakter terminator baris seperti CR dan LF.
Sintaks
const str = 'reza'; console.log(str.length); // 4 5Nilai Kembalian
Mengembalikan string sesuai sumber tanpa spasi di akhir.
Contoh
const str = 'reza'; console.log(str.length); // 4 6startsWith(karakterDicari, posisi); 2 - Ulang String
startsWith(karakterDicari, posisi); 2 mengembalikan string sumber yang diulang sesuai dengan jumlah pengulangan yang ditentukan.
Sintaks
const str = 'reza'; console.log(str.length); // 4 7Parameter
- const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 30: bilangan bulat positif yang medeskripsikan jumlah pengulangan string.
Nilai Kembalian
Mengembalikan string sumber yang diulang sesuai dengan jumlah pengulangan (const nama = 'reza'; nama.toUpperCase(); // REZA // atau 'reza'.toUpperCase(); // REZA 30) yang ditentukan.
Contoh
const str = 'reza'; console.log(str.length); // 4 8const str = 'reza'; console.log(str.toUpperCase()); // REZA 4 - Ganti Karakter Tertentu Sesuai yang Ditentukan
const str = 'reza'; console.log(str.toUpperCase()); // REZA 4 mengganti karakter tertentu di dalam string sesuai dengan karakter yang ditentukan.
Jika karakter yang ingin diganti muncul lebih dari sekali di dalam string, hanya yang pertama yang diganti.