Memanipulasi String pada JavaScript beserta Contoh dan Penggunaan Metodenya
JavaScript adalah salah satu bahasa pemrograman yang sangat populer di kalangan Web Developer. Salah satu fitur yang sering digunakan dalam JavaScript adalah manipulasi String.
Manipulasi String pada JavaScript merujuk pada berbagai metode dan teknik untuk mengubah, mengolah, dan bekerja dengan teks dalam kode.
Di artikel ini, penulis akan membahas beberapa cara umum untuk memanipulasi String di JavaScript beserta contohnya.
Menggabungkan String (Concatenation)
Menggabungkan dua atau beberapa String dapat dilakukan dengan operator +
atau metode concat()
. Berikut adalah contohnya:
let string1 = "Halo";
let string2 = "Semuanya";
let hasil = string1 + " " + string2;
console.log(hasil); // Output: "Halo Semuanya"
Penjelasan Concatenation
let string1 = "Halo";
: Variabelstring1
dideklarasi dan diinisialisasikan dengan nilai"Halo"
.let string2 = "Semuanya";
: Variabelstring2
dideklarasi dan diinisialisasikan dengan nilai"Semuanya"
;string1 + " " + string2
: Menggabungkan tiga komponen, yaitu nilai daristring1
yaitu"Halo"
,
Sebuah spasi" "
(untuk memberikan jarak antara dua kata), nilai daristring2
yaitu"Semuanya"
. Hasil penggabungan tersebut akan menghasilkan"Halo Semuanya"
, dan disimpan dalam variabelhasil
;console.log(hasil);
: Fungsiconsole.log()
digunakan untuk menampilkan nilai dari variabelhasil
ke konsol.
Mengubah Besar Kecilnya Huruf (Changing Case)
JavaScript telah menyediakan metode untuk mengubah besar kecilnya huruf, seperti metode toUpperCase()
dan toLowerCase()
. Berikut adalah contohnya:
let teks = "Halo Semuanya";
let teksBesar = teks.toUpperCase();
let teksKecil = teks.toLocaleLowerCase();
console.log(teksBesar); // Output: "HALO SEMUANYA"
console.log(teksKecil); // Output: "halo semuanya"
Penjelasan Changing Case
- Variabel
teks
dideklarasi dan diinisialisasikan dengan nilai"Halo Semuanya"
. teks.toUpperCase()
: MetodetoUpperCase()
digunakan untuk mengubah semua huruf dalam Stringteks
menjadi huruf besar. Hasilnya adalah"HALO SEMUANYA"
. Hasil tersebut disimpan dalam variabelteksBesar
;teks.toLocaleLowerCase()
: MetodetoLocaleLowerCase()
digunakan untuk mengubah semua huruf dalam Stringteks
menjadi huruf kecil. Hasilnya adalah"halo semuanya"
. Hasil tersebut disimpan dalam variabelteksKecil
;console.log(teksBesar);
: Fungsiconsole.log()
digunakan untuk mencetak nilai dari variabelteksBesar
ke konsol;console.log(teksKecil);
: Fungsiconsole.log()
digunakan untuk mencetak nilai dari variabelteksKecil
ke konsol.
Memotong String (Substring)
Kita bisa mengambil suatu bagian tertentu dari String atau Teks menggunakan metode substring()
atau slice()
. Berikut adalah contohnya:
let teks = "Halo Semuanya";
let teksSub = teks.substring(0, 4);
console.log(teksSub); // Output: "Halo"
Penjelasan Substring
- Variabel
teks
dideklarasi dan diinisialisasikan dengan nilai"Halo Semuanya"
; teks.substring(0, 4)
: Metodesubstring()
digunakan untuk mengekstrak karakter dari Stringteks
, dimulai dari indeks atau urutan awal (0
) hingga sebelum indeks akhir (4
). Indeks dimulai dari 0 (karakter pertama).teks.substring(0, 4)
berarti mengambil karakter dari urutan 0 hingga urutan ke 3 (karakter keempat tidak termasuk). Hasil adalah "Halo". Hasil tersebut disimpan dalam variabelteksSub
;console.log(teksSub);
: Fungsiconsole.log()
digunakan untuk mencetak nilai dari variabelteksSub
ke konsol.
Mengganti Karakter atau Substring (Replace)
Untuk mengganti karakter atau Substring tertentu, kita dapat menggunakan metode replace()
. Berikut adalah contohnya:
let teks = "Halo Semuanya";
let teksBaru = teks.replace("Semuanya", "JavaScript");
console.log(teksBaru); // Output: "Halo JavaScript"
Penjelasan Replace
- Variabel
teks
dideklarasi dan diinisialisasikan dengan nilai"Halo Semuanya"
; teks.replace("Semuanya", "JavaScript")
: Metodereplace()
digunakan untuk mengganti sebagian dari Stringteks
dengan Substring baru. Metode tersebut akan mencari Substring pertama yang cocok dengan nilai pertama yang diberikan ("Semuanya"
) dan menggantinya dengan nilai kedua yang diberikan ("JavaScript"
). Dalam String"Halo Semuanya"
, Substring"Semuanya"
ditemukan dan akan diganti dengan"JavaScript"
. Hasil dari operasi tersebut adalah String baru"Halo JavaScript"
. Hasil tersebut disimpan dalam variabelteksBaru
;console.log(teksBaru);
: Fungsiconsole.log()
digunakan untuk mencetak nilai dari variabelteksBaru
ke konsol.
Memisahkan String (Split)
Metode split()
dapat digunakan untuk membagi String menjadi Array berdasarkan suatu pemisah tertentu. Berikut adalah contohnya:
let teks = "Halo Semuanya";
let kata = teks.split(" ");
console.log(kata); // Output: ["Halo", "Semuanya"]
Penjelasan Split
- Variabel
teks
dideklarasi dan diinisialisasikan dengan nilai"Halo Semuanya"
; teks.split(" ")
: Metodesplit()
digunakan untuk membagi Stringteks
menjadi Srray berdasarkan pemisah yang ditentukan (dalam hal ini, spasi" "
). String"Halo Semuanya"
dibagi pada setiap spasi akan menghasilkan array["Halo", "Semuanya"]
. Hasil tersebut disimpan dalam variabelkata
;console.log(kata);
: Fungsiconsole.log()
digunakan untuk mencetak nilai dari variabelkata
ke konsol.
Menghilangkan Spasi (Trim)
Metode trim()
dapat digunakan untuk menghapus spasi di awal maupun akhir String. Berikut adalah contohnya:
let teks = " Halo Semuanya ";
let teksTrim = teks.trim();
console.log(teksTrim); // Output: "Halo Semuanya"
Penjelasan Trim
- Variabel
teks
dideklarasikan dan diinisialisasi dengan nilai" Halo Semuanya "
yang memiliki spasi di awal dan akhir; teks.trim()
: Metodetrim()
digunakan untuk menghapus semua spasi kosong (termasuk tab dan baris baru) di awal dan akhir Stringteks
. Dalam string" Halo Semuanya "
, spasi di awal dan akhir akan dihapus sehinggan menghasilkan String"Halo Semuanya"
. Hasil tersebut disimpan dalam variabelteksTrim
;console.log(teksTrim);
: Fungsiconsole.log()
digunakan untuk mencetak nilai dari variabelteksTrim
ke konsol.
Mengecek Keberadaan Substring (Includes)
Metode includes()
dapat digunakan untuk memeriksa apakah suatu String mengandung Substring tertentu atau tidak. Berikut adalah contohnya:
let teks = "Halo Semuanya";
let teksCari = teks.includes("Halo");
console.log(teksCari); // Output: true
Penjelasan Includes
- Variabel
teks
dideklarasikan dan diinisialisasi dengan nilai String"Halo Semuanya"
; teks.includes("Halo")
: Metodeincludes()
digunakan untuk memeriksa apakah Substring"Halo"
itu ada atau tidak dalam Stringteks
. Jika Substring"Halo"
ditemukan dalam Stringteks
, maka metode tersebut akan menghasilkan nilai Boolean yaitutrue
. Jika tidak ditemukan, maka akan akan menghasilkanfalse
. Dalam String"Halo Semuanya"
, Substring"Halo"
itu ada, jadi hasilnya adalahtrue
. Hasil tersebut disimpan dalam variabelteksCari
;console.log(teksCari);
: Fungsiconsole.log()
digunakan untuk mencetak nilai dari variabelteksCari
ke konsol.
Kesimpulan
Manipulasi String adalah suatu keterampilan penting dalam Web Development dan JavaScript telah menyediakan berbagai metode yang memudahkan kita untuk mengelola dan memanipulasi teks. Semoga bermanfaat.