String dan Cara Memanipulasinya

Cara Mendeklarasikan String

JavaScript memiliki tiga jenis dalam mendefinisikan apakah suatu tipe data termasuk string atau bukan, yaitu:'' (Petik Satu), "" (Petik Dua), dan `` (Backtick).

Nama lain dari deklarasi backtick adalah template literal.

Contoh:

const kutipSatu = 'Ini adalah string kutip satu';
console.log(kutipSatu); // Ini adalah string kutip satu

const kutipDua = "Ini adalah string";
console.log(kutipDua); // Ini adalah string

const templateLiteral = `Saya tinggal di bumi`;
console.log(templateLiteral); // Saya tinggal di bumi

const kutipSatuDiDalamKutipDua = "Benda ini adalah 'sapu'";
console.log(kutipSatuDiDalamKutipDua); // Benda ini adalah 'sapu'

const kutipDuaDiDalamKutipSatu = 'Dia berkata "Oke."';
console.log(kutipDuaDiDalamKutipSatu); // Dia berkata "Oke."

Tetapi dalam penggunaannya juga jika kita tidak teliti, bisa saja menimbulkan error.Untuk penggunaan jenis-jenis deklarasi bisa juga dilakukan dengan syarat menggunakan escape character atau menggunakan jenis deklarasi yang berlainan.

Contoh:

const errorPertama = '''';
// Uncaught SyntaxError: Unexpected string
const errorKedua = """";
// Uncaught SyntaxError: Unexpected string
const errorKetiga = ````;
// Uncaught SyntaxError: Unexpected string

//== Contoh escape character ==//
const escapeCharacter = "\"\"";

//== Contoh menggunakan jenis deklarasi lain ==//
const differentDeclaration = '""';

Manipulasi String

.length

Bisa menggunakan property length untuk mengecek panjangnya sebuah string.

Contoh:

const teks = "Berapa panjangnya?";
console.log(teks.length); // 19

Perlu diperhatikan, jika sebuah string memiliki spasi, maka spasi tersebut juga dihitung.

Concatenation (Penggabungan)

Contoh:

const nama = "Fatah";
const umur = "21";
const makananKesukaan = "Nasi Goreng";

//== Concatenation Pertambahan ==//
const concatPertambahan = 
    "Halo, nama saya " +
    nama +
    ", saya berumur " +
    umur +
    " tahun. Makanan favorit saya adalah " +
    makananKesukaan +
    ".";
console.log(concatPertambahan);
// Halo, nama saya Fatah, saya berumur 21 tahun. Makanan favorit saya adalah Nasi Goreng.

//== Template Literal ==//
const templateLiteral = `Halo, nama saya ${nama}, saya berumur ${umur} tahun. Makanan favorit saya adalah ${makananKesukaan}.`;
console.log(templateLiteral);
// Halo, nama saya Fatah, saya berumur 21 tahun. Makanan favorit saya adalah Nasi Goreng.

Data dari object juga bisa digunakan untuk operasi concat ini.

Contoh:

const obj = {
    namaMakhluk:"Manusia",
    jenis:"mamalia"
};

console.log(`${obj.namaMakhluk} juga termasuk dalam jenis ${obj.jenis}.`);
// Manusia juga termasuk dalam jenis mamalia.

Mengganti Tulisan (.replace)

Untuk mengganti tulisan di dalam string, di JavaScript bisa menggunakan function replace untuk mengganti sebuah teks dengan pola tertentu atau hanya tulisan spesifik saja.

Contoh:

const teks = "Pohon Pisang itu berbuah Pisang.";

//== replace menggunakan string ==//
console.log(teks.replace("Pisang", "Apel"));
// Pohon Apel itu berbuah Pisang.

//== replace menggunakan regex ==//
console.log(teks.replace(/Pisang/g, "Apel"));
// Pohon Apel itu berbuah Apel.