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";: Variabel string1 dideklarasi dan diinisialisasikan dengan nilai "Halo".
• let string2 = "Semuanya";: Variabel string2 dideklarasi dan diinisialisasikan dengan nilai "Semuanya";
• string1 + " " + string2: Menggabungkan tiga komponen, yaitu nilai dari string1 yaitu "Halo",
  Sebuah spasi " " (untuk memberikan jarak antara dua kata), nilai dari string2 yaitu "Semuanya". Hasil penggabungan tersebut akan menghasilkan "Halo Semuanya", dan disimpan dalam variabel hasil;
• console.log(hasil);: Fungsi console.log() digunakan untuk menampilkan nilai dari variabel hasil 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(): Metode toUpperCase() digunakan untuk mengubah semua huruf dalam String teks menjadi huruf besar. Hasilnya adalah "HALO SEMUANYA". Hasil tersebut disimpan dalam variabel teksBesar;
• teks.toLocaleLowerCase(): Metode toLocaleLowerCase() digunakan untuk mengubah semua huruf dalam String teks menjadi huruf kecil. Hasilnya adalah "halo semuanya". Hasil tersebut disimpan dalam variabel teksKecil;
• console.log(teksBesar);: Fungsi console.log() digunakan untuk mencetak nilai dari variabel teksBesar ke konsol;
• console.log(teksKecil);: Fungsi console.log() digunakan untuk mencetak nilai dari variabel teksKecil 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): Metode substring() digunakan untuk mengekstrak karakter dari String teks, 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 variabel teksSub;
• console.log(teksSub);: Fungsi console.log() digunakan untuk mencetak nilai dari variabel teksSub 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"): Metode replace() digunakan untuk mengganti sebagian dari String teks 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 variabel teksBaru;
• console.log(teksBaru);: Fungsi console.log() digunakan untuk mencetak nilai dari variabel teksBaru 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(" "): Metode split() digunakan untuk membagi String teks 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 variabel kata;
• console.log(kata);: Fungsi console.log() digunakan untuk mencetak nilai dari variabel kata 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(): Metode trim() digunakan untuk menghapus semua spasi kosong (termasuk tab dan baris baru) di awal dan akhir String teks. Dalam string " Halo Semuanya ", spasi di awal dan akhir akan dihapus sehinggan menghasilkan String "Halo Semuanya". Hasil tersebut disimpan dalam variabel teksTrim;
• console.log(teksTrim);: Fungsi console.log() digunakan untuk mencetak nilai dari variabel teksTrim 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"): Metode includes() digunakan untuk memeriksa apakah Substring "Halo" itu ada atau tidak dalam String teks. Jika Substring "Halo" ditemukan dalam String teks, maka metode tersebut akan menghasilkan nilai Boolean yaitu true. Jika tidak ditemukan, maka akan akan menghasilkan false. Dalam String "Halo Semuanya", Substring "Halo" itu ada, jadi hasilnya adalah true. Hasil tersebut disimpan dalam variabel teksCari;
• console.log(teksCari);: Fungsi console.log() digunakan untuk mencetak nilai dari variabel teksCari 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.