Informatika 6A
Nama : Dhevia Aulia Putri (2023230008)
Avionika Ramdan Iswani (2023230015)
STRING DALAM JAVASCRIPT
BAB I PENGENALAN STRING
1. Definisi String
String adalah tipe data yang digunakan untuk merepresentasikan teks dalam
pemrograman. Secara teknis, string merupakan urutan karakter (character sequence) yang
dapat berisi huruf, angka, simbol, spasi, atau kombinasi dari elemen-elemen tersebut. Dalam
JavaScript, string termasuk dalam kategori tipe data primitif (primitive data type).
String sangat penting dalam pemrograman karena hampir semua aplikasi memerlukan
pengelolaan data teks, seperti input pengguna, pesan, label, informasi pada antarmuka, dan
komunikasi data. Pemahaman yang baik tentang string akan membantu developer dalam
membangun aplikasi yang efektif dan efisien.
Contoh string dalam kehidupan sehari-hari meliputi nama pengguna, alamat email,
pesan teks, judul artikel, alamat website, nomor telepon (dalam format teks), dan berbagai
informasi tekstual lainnya yang diproses oleh program komputer.
2. Cara Penulisan String
Dalam JavaScript, terdapat tiga cara untuk menuliskan string:
a. Single Quote (Tanda Petik Tunggal)
String dapat ditulis menggunakan tanda petik tunggal (' '). Metode ini umum digunakan
dan menghasilkan string yang valid.
Contoh:
let nama = 'John Doe';
b. Double Quote (Tanda Petik Ganda)
String juga dapat ditulis dengan tanda petik ganda (" "). Dalam JavaScript, single quote
dan double quote memiliki fungsi yang sama dan dapat digunakan secara bergantian.
Contoh:
let kota = "Jakarta";
c. Template Literals (Backtick)
Template literals menggunakan backtick (` `) dan merupakan fitur modern dalam
JavaScript. Keunggulan utama template literals adalah kemampuannya untuk menyisipkan
variabel atau ekspresi langsung ke dalam string menggunakan sintaks ${} dan mendukung
string multi-baris tanpa karakter khusus.
Contoh:
let nama = 'Budi';
let umur = 25;
let pesan = `Halo, nama saya ${nama} dan umur saya ${umur} tahun`;
3. Escape Character
Escape character adalah karakter khusus yang diawali dengan backslash (\) untuk
merepresentasikan karakter yang tidak dapat dituliskan secara langsung dalam string.
Beberapa escape character yang umum digunakan adalah:
• \n - Newline (baris baru)
• \t - Tab (tabulasi)
• \\ - Backslash
• \' - Single quote
• \" - Double quote
Contoh penggunaan:
let teks = "Ini baris pertama\nIni baris kedua";
let kutipan = "Dia berkata: \"Halo!\"";
4. Contoh Dasar Penggunaan String
a. Deklarasi Variabel String
Variabel string dapat dideklarasikan menggunakan keyword let, const, atau var (meskipun
var sudah jarang digunakan dalam praktik modern).
let namaDepan = "Ahmad";
const namaBelakang = "Rifai";
var namaLengkap = namaDepan + " " + namaBelakang;
b. Menampilkan String
String dapat ditampilkan menggunakan beberapa metode, antara lain [Link]() untuk
debugging di console browser, alert() untuk menampilkan popup di browser, atau
[Link]() untuk menulis langsung ke halaman HTML.
[Link]("Halo Dunia!");
alert("Selamat datang!");
[Link]("Ini ditampilkan di halaman web");
BAB II OPERASI PADA STRING
1. Concatenation (Penggabungan String)
Concatenation adalah proses menggabungkan dua atau lebih string menjadi satu string yang
utuh. Dalam JavaScript, terdapat beberapa cara untuk melakukan concatenation:
a. Menggunakan Operator Plus (+)
Operator + merupakan cara paling umum untuk menggabungkan string. Operator ini dapat
digunakan untuk menggabungkan string literal maupun variabel string.
let namaDepan = "Ahmad";
let namaBelakang = "Rifai";
let namaLengkap = namaDepan + " " + namaBelakang;
// Output: "Ahmad Rifai"
b. Menggunakan Template Literals
Template literals menyediakan cara yang lebih modern dan mudah dibaca untuk
menggabungkan string dengan variabel atau ekspresi.
let produk = "Laptop";
let harga = 15000000;
let pesan = `Harga ${produk} adalah Rp ${[Link]()}`;
// Output: "Harga Laptop adalah Rp 15.000.000"
c. Menggunakan Method concat()
Method concat() adalah fungsi bawaan JavaScript yang dapat menggabungkan satu atau
lebih string.
let str1 = "Hello";
let str2 = "World";
let hasil = [Link](" ", str2, "!");
// Output: "Hello World!"
2. String Methods yang Sering Digunakan
JavaScript menyediakan berbagai method built-in untuk memanipulasi string. Berikut adalah
method-method yang paling sering digunakan:
a. length - Menghitung Panjang String
Property length mengembalikan jumlah karakter dalam sebuah string, termasuk spasi dan
karakter khusus.
let teks = "JavaScript";
[Link]([Link]);
// Output: 10
b. toUpperCase() dan toLowerCase() - Mengubah Case
Method toUpperCase() mengubah semua karakter menjadi huruf besar (uppercase),
sedangkan toLowerCase() mengubah semua karakter menjadi huruf kecil (lowercase).
let kota = "Jakarta";
[Link]([Link]());
// Output: "JAKARTA"
[Link]([Link]());
// Output: "jakarta"
c. substring() - Mengambil Sebagian String
Method substring() mengambil sebagian string berdasarkan indeks awal dan indeks akhir.
Perlu diingat bahwa indeks dalam JavaScript dimulai dari 0.
let teks = "JavaScript Programming";
[Link]([Link](0, 10));
// Output: "JavaScript"
d. replace() - Mengganti Teks
Method replace() mengganti sebagian teks dalam string dengan teks baru. Secara default,
method ini hanya mengganti kemunculan pertama.
let kalimat = "Saya suka apel, apel sangat manis";
[Link]([Link]("apel", "jeruk"));
// Output: "Saya suka jeruk, apel sangat manis"
e. trim() - Menghapus Spasi di Awal dan Akhir
Method trim() menghapus whitespace (spasi, tab, newline) dari awal dan akhir string.
Method ini sangat berguna untuk membersihkan input dari user.
let input = " Hello World ";
[Link]([Link]());
// Output: "Hello World"
3. Perbandingan String
String dapat dibandingkan menggunakan operator perbandingan. JavaScript menyediakan
beberapa cara untuk membandingkan string:
a. Perbandingan Case Sensitive
Secara default, perbandingan string di JavaScript bersifat case sensitive, artinya huruf besar
dan huruf kecil dianggap berbeda.
let str1 = "JavaScript";
let str2 = "javascript";
[Link](str1 === str2);
// Output: false (karena huruf besar/kecil berbeda)
b. Perbandingan Case Insensitive
Untuk membandingkan string tanpa memperhatikan case, kita dapat mengubah kedua
string menjadi lowercase atau uppercase terlebih dahulu.
let str1 = "JavaScript";
let str2 = "javascript";
[Link]([Link]() === [Link]());
// Output: true
BAB III: IMPLEMENTASI DAN STUDI KASUS
1. Contoh Implementasi Sederhana
a. Validasi Email Sederhana
Mengecek apakah sebuah string mengandung karakter '@' untuk validasi format email
dasar.
function validasiEmail(email) {
if ([Link]("@") && [Link](".")) {
return "Email valid";
} else {
return "Email tidak valid";
}
}
[Link](validasiEmail("user@[Link]"));
// Output: "Email valid"
b. Format Nama (Capitalize)
Mengubah huruf pertama setiap kata menjadi huruf besar (title case).
function formatNama(nama) {
let kata = [Link]().split(" ");
for (let i = 0; i < [Link]; i++) {
kata[i] = kata[i][0].toUpperCase() + kata[i].substring(1);
}
return [Link](" ");
}
[Link](formatNama("AHMAD RIFAI"));
// Output: "Ahmad Rifai"
c. Menghitung Jumlah Kata
Menghitung jumlah kata dalam sebuah kalimat.
function hitungKata(kalimat) {
let kata = [Link]().split(" ");
return [Link];
}
[Link](hitungKata("JavaScript adalah bahasa pemrograman"));
// Output: 4
2. Mini Project: Cek Palindrome
Palindrome adalah kata atau kalimat yang sama jika dibaca dari depan maupun belakang.
Contoh: 'katak', 'radar', 'kasur rusak'.
function cekPalindrome(kata) {
// Bersihkan spasi dan ubah ke lowercase
let bersih = [Link]().replace(/ /g, "");
// Balik stringnya
let balik = [Link]("").reverse().join("");
// Bandingkan
if (bersih === balik) {
return `"${kata}" adalah palindrome`;
} else {
return `"${kata}" bukan palindrome`;
}
}
[Link](cekPalindrome("katak"));
// Output: "katak" adalah palindrome
[Link](cekPalindrome("kasur rusak"));
// Output: "kasur rusak" adalah palindrome