Mangcoding

icon chat
Mangcoding - Monday, 30 September 2019 - 4years ago

Mengenal Template String

single image
Photo By Unsplash on Unsplash

Mengenal Template String sama halnya dengan tipe data String yaitu merepresentasikan data berupa text / tekstual. Template string dipekernalkan oleh ES6 penggunakan template string dengan cara memberikan back-tik(` `) pada sebuah data.

Bagi yang kesulitan mencari simbol backtick anda dapat menemukannya di papan keyboard yang letaknya di pojok atas sebelah kanan, berada percis di bawah tombol esc.

Dengan kehadiran dari template string memberikan kemudahan dalam mengelolah data berupa string dan ini yang menjadi penyebab template string menjadi lebih powerfull dibanding string karena template string dapat membuat Multiple-line String, Ekspresi Interpolation, dan Tagged Template. ketiga hal ini yang sering digunakan dalam penulisan kode.

Link Mangcoding

Multiple-line String

Bila anda ingin menampilkan string dengan beberapa baris maka akan memerlukan backslah n (\n) untuk membuat baris baru, dan concatenation (+) untuk mengabungkan string.

// dengan menggunakan string
console.log('string baris pertama \n' + 'string baris kedua')
// akan lebih mudah bila menggunakan template string
console.log(`string baris pertama string baris kedua'

Link Mangcoding

Ekspresi Interpolation

Penulisan Ekspresi Interpolation ditulis dengan dolar sing dan kurung kurawal (${}) yang berfungsi menyisipkan variable kedalam string.

const nama = 'iqbal'
const kota= 'pontianak'
console.log(`nama saya adalah ${nama} dan saya tinggal dikota ${kota}`)
Tagged Template

Sebuah fungsi dapat di urai menjadi string dengan menggunakan tagged template, setelah fungsi diurai dan dimanipulasi maka tagged template akan mengembalikan dalam bentuk string.

const nama = 'iqbal';
const umur = 23;

const taggedTemplate = (strings, namaSaya, umurSaya) => {
    let str1 = strings[0]; // halo nama saya
    let str2 = strings[1]; // dan umur saya
    return `${str1}${namaSaya}${str2}${umurSaya}`;
}

const hasil = taggedTemplate `halo nama saya ${nama} dan umur saya ${umur}`;


console.log(hasil); // output -> halo nama saya iqbal dan umur saya 23

Itulah artikel yang dapat Mangcoding sharing. Mudah-mudahan artikel ini bisa bermanfaat dan dapat memberikan pengetahuan baru untuk Anda. Jika ada kritik serta saran yang dapat membangun, silahkan komentar atau kirim melalui Email dan Media sosial Mangcoding.

Sumber : Mengenal Template String

Link Copied to Clipboard