Selamat datang di tutorial JavaScript #8! 🚀

Pada bagian ini, kita akan mempelajari tipe data yang paling sering digunakan dalam pemrograman: String. String adalah fondasi untuk segala sesuatu yang berhubungan dengan teks, seperti nama, kalimat, paragraf, dan lain-lain. Mari kita selami lebih dalam!

String adalah tipe data yang digunakan untuk menyimpan dan memanipulasi teks. Di JavaScript, sebuah string adalah urutan karakter, dan ia selalu diapit oleh tanda kutip.

Cara Membuat String

Ada tiga cara untuk membuat string di JavaScript:

1. Tanda Kutip Tunggal (''):

   JavaScript

   const nama1 = 'Budi Santoso';
   

2. Tanda Kutip Ganda (""):

   JavaScript

   const nama2 = "Siti Aminah";
   

   Kedua cara di atas berfungsi sama. Anda bisa memilih salah satu, tetapi sebaiknya konsisten.

3. Tanda Backtick (`): Ini adalah fitur modern yang disebut Template Literals, yang sangat fleksibel dan akan kita bahas lebih detail.

Properti dan Metode String yang Berguna

JavaScript menyediakan banyak metode bawaan untuk memanipulasi string. Berikut adalah beberapa yang paling sering digunakan:

1. .length (Properti)

Properti ini tidak menggunakan tanda kurung dan digunakan untuk mengetahui panjang atau jumlah karakter dalam sebuah string.

let kalimat = "Halo, dunia!";
console.log(kalimat.length); // Output: 12 (termasuk spasi dan tanda baca)

2. .toUpperCase() dan .toLowerCase()

Kedua metode ini digunakan untuk mengubah semua karakter dalam string menjadi huruf kapital atau huruf kecil.

let nama = "Budi";
console.log(nama.toUpperCase()); // Output: "BUDI"
console.log(nama.toLowerCase()); // Output: "budi"

3. .trim()

Metode ini akan menghapus spasi kosong dari awal dan akhir string.

let kata = "   JavaScript   ";
console.log(kata.trim()); // Output: "JavaScript"

4. .split()

Metode ini memisahkan string menjadi sebuah array berdasarkan karakter pemisah yang Anda tentukan.

let buah = "apel,jeruk,mangga";
let daftarBuah = buah.split(',');
console.log(daftarBuah); // Output: ["apel", "jeruk", "mangga"]

5. .replace()

Metode ini digunakan untuk mengganti sebagian dari string dengan string lain. Secara default, metode ini hanya mengganti kemunculan pertama.

let pesan = "Saya suka kopi, kopi enak.";
let pesanBaru = pesan.replace('kopi', 'teh');
console.log(pesanBaru); // Output: "Saya suka teh, kopi enak."

6. .slice()

Metode ini digunakan untuk “mengiris” atau mengambil sebagian dari string. Anda harus menentukan indeks awal dan (opsional) indeks akhir.

let namaLengkap = "John Doe";
let namaDepan = namaLengkap.slice(0, 4); // Mengambil dari indeks 0 sampai sebelum 4
let namaBelakang = namaLengkap.slice(5);  // Mengambil dari indeks 5 sampai akhir
console.log(namaDepan);   // Output: "John"
console.log(namaBelakang); // Output: "Doe"

Template Literals (ES6)

Seperti yang disebutkan sebelumnya, backtick (`) memungkinkan kita membuat string yang lebih dinamis dan mudah dibaca, berkat dua fitur utama:

1. Menggabungkan Variabel (String Interpolation)

Anda dapat dengan mudah menyisipkan nilai variabel ke dalam string menggunakan sintaks ${variabel}.

const nama = "Budi";
const umur = 30;
const pesan = `Halo, nama saya ${nama} dan saya berumur ${umur} tahun.`;
console.log(pesan); // Output: "Halo, nama saya Budi dan saya berumur 30 tahun."

Ini jauh lebih bersih daripada menggunakan operator + untuk menggabungkan string.

2. Multi-line String

Anda dapat membuat string yang berisi beberapa baris tanpa perlu karakter khusus seperti \n.

const bio = `Nama: Budi
Pekerjaan: Programmer
Hobi: Membaca
`;
console.log(bio);

Output-nya akan mencetak teks persis seperti yang Anda tulis, termasuk baris baru.

Kesimpulan

String adalah tipe data yang esensial untuk mengelola teks. Dengan menggunakan metode string yang tersedia dan fitur modern seperti template literals, Anda dapat memanipulasi teks dengan mudah dan efisien di JavaScript. Latihan terbaik adalah mencoba metode-metode ini pada string yang berbeda untuk melihat bagaimana mereka bekerja!