JavaFormat String Skrip: Metode dengan CONTOH

Apa itu JavaFormat String Skrip?

JavaFormat String Skrip mengacu pada pendekatan yang dapat digunakan untuk memanipulasi dan memformat string dalam bentuk yang ditentukan. Ini adalah fitur penting dari bahasa pemrograman apa pun yang memungkinkan Anda mengendalikan teks yang muncul dalam aplikasi Anda.

Dalam Anda JavaKode skrip, pemformatan string dapat mengubah data kompleks dengan cara yang sederhana. Ini juga meningkatkan keterbacaan output dan membuat kode lebih mudah dirawat. Selain itu, pemformatan yang tepat JavaRangkaian skrip juga dapat berperan dalam meningkatkan pengalaman pengguna aplikasi.

Cara Memformat String di JavaNaskah?

Untuk memformat string JavaScript, ikuti langkah-langkah yang disediakan:

Langkah 1) Pertama, Anda perlu menentukan data yang ingin Anda sertakan dalam string.

Langkah 2) Kemudian, pilih metode untuk memformat string di JS.

Langkah 3) Tulis kode untuk implementasinya sesuai.

Langkah 4) Uji kode untuk memastikan kode menghasilkan keluaran yang diharapkan.

Langkah 5) Perbarui atau modifikasi kode untuk memenuhi kebutuhan atau persyaratan pemformatan tambahan.

Langkah 6) Perbaiki kode agar mudah dirawat dan dibaca.

Berbagai Metode Pemformatan String di JavaNaskah

Ada beberapa cara untuk memformat string JavaSkrip, termasuk operator penggabungan, literal templat, ekspresi reguler, dan banyak lagi.

Di bagian berikutnya, Anda akan mempelajari pendekatan berikut:

• {} Brackets dengan backtick
• "+" Operator
• Pemformatan String fungsi khusus
• Operator penggabungan
• Templat literal
• Ekspresi reguler
• Fungsi kustom
• Operator terner

Metode 1: Menggunakan {} Brackets dengan Backticks untuk Memformat String di JavaNaskah

Dalam metode ini, Anda dapat menggunakan Template literal dengan menambahkan backtick (`) untuk melampirkan string. Kemudian, masukkan variabel argumen string dalam tanda kurung {} yang diawali dengan tanda dolar “$”. Template ini memungkinkan Anda untuk menanamkan ekspresi dalam string literal.

Operasi ini membantu menggabungkan variabel yang disebut placeholder dan nilai lain yang ditentukan. Hasilnya, string akhir yang diformat diperoleh dengan menginterpolasi nilai placeholder.

Misalnya, kita telah membuat dua variabel, “nama"Dan"Indo,” dan kemudian memasukkannya ke dalam backticks untuk menghasilkan keluaran yang diformat. Perhatikan bahwa “${}Sintaks ” digunakan untuk menyematkan ekspresi dengan string.

Kode:

const name = "Jenny";
const id = 1;
console.log (`Welcome ${name}, your ID is ${id}`);

Dapat diamati bahwa nilai “nama” dan “id” placeholder telah ditampilkan, yang berarti interpolasi string telah berhasil dilakukan.

Keluaran:

Welcome Jenny, your ID is 1

Metode 2: Menggunakan + Operator untuk Memformat String di JavaNaskah

Pendekatan kedua adalah dengan menggunakan Operator penggabungan "+” untuk pemformatan dasar string di JavaSkrip. Cara ini melibatkan penggabungan variabel dan string individual untuk menghasilkan output yang diinginkan.

Misalnya, sekarang kita telah menggunakan operator “+” untuk menggabungkan nilai variabel yang sama, dan metode “console.log()” akan mengembalikan string yang diformat di konsol.

Kode:

const name = "Jenny";
const id = 1;
console.log("Welcome " + name + ", your ID is " + id);

Keluaran:

Welcome Jenny, your ID is 1

Metode 3: Fungsi kustom Pemformatan String di JavaNaskah

Dalam Anda JavaProgram skrip, Anda juga dapat menggunakan pendekatan pemformatan string fungsi kustom. Dalam teknik ini, fungsi menerima variabel yang diinginkan dan mengembalikan string yang diformat. Fungsi format ini juga menawarkan banyak fleksibilitas. Anda juga dapat menggunakannya untuk memenuhi persyaratan pemformatan kustom atau kompleks.

Di sini, kami telah membuat fungsi format khusus bernama “selamat datangPesan()” yang menerima dua variabel “nama"Dan"id” sebagai argumen dan keluaran string yang diformat dengan memanfaatkan literal string templat.

Setelah itu, kami mendefinisikan variabel yang diinginkan dan meneruskannya dalam format pemanggilan fungsi formasi khusus.

Kode:

function welcomeMsg(name, id) {
  return `Welcome ${name}, your ID is ${id}`;
}
const name = "Jenny";
const id = 1;
const msg = welcomeMsg(name, id);
console.log(msg);

Keluaran:

Welcome Jenny, your ID is 1

Metode 4: Menggunakan Penggabungan untuk Format String di JavaNaskah

Rangkaian adalah metode sederhana yang digunakan untuk memformat string JavaSkrip. Pendekatan ini melibatkan penggabungan variabel string atau beberapa string bersama-sama menggunakan operator penggabungan “+”. Anda juga dapat menggunakan teknik ini untuk tugas penggabungan string sederhana.

Dalam contoh yang diberikan, variabel “nama depan"Dan"nama keluarga” akan digabungkan dengan bantuan operator “+” sehingga membentuk “fullName” rangkaiannya sebagai berikut.

Kode:

var firstName = "Alex";
var lastName = "Edward";
var fullName = firstName + " " + lastName;
console.log(fullName);

Keluaran:

Alex Edward

Metode 5: Menggunakan Literal Templat untuk Format String di JavaNaskah

String templat yang juga dikenal sebagai Templat literal menawarkan cara yang lebih ekspresif dan canggih untuk memformat string JavaSkrip. Mereka mengizinkan penyematan ekspresi secara langsung dan variabel dalam string menggunakan placeholder “${ekspresi}".

Selain itu, literal templat juga menyediakan dukungan pada string multi-baris.

Kode:

var name = "Alex";
var age = 30;
var msg = `Hi, ${name}! You are ${age} years old.`;
console.log(msg);

Dalam contoh di atas, kita telah langsung menginterpolasi variabel “nama"Dan"usia” di dalam string dengan memanfaatkan placeholder “${}” di dalam backtick (`) dari literal templat.

Keluaran:

Hi, Alex! You are 30 years old.

Metode 6: Menggunakan Ekspresi Reguler untuk Memformat String di JavaNaskah

In JavaKode skrip, Ekspresi reguler adalah alat canggih yang digunakan untuk manipulasi string dan pencocokan pola. Selain itu, mereka juga digunakan untuk menemukan pola tertentu dan menggantinya dengan nilai yang ditentukan. Operasi ini dapat dilakukan dengan bantuan “mengganti ()" metode.

Lihat program di bawah ini, metode replace() digunakan dengan dua ekspresi reguler yang akan menggantikan placeholder “[nama]"Dan"[Indo]” dengan nilai masing-masing.

Kode:

let name = "Jenny";
let id = 1;
let message = "Welcome [name], your ID is [id]".replace(/\[name\]/g, name).replace(/\[id\]/g, id);
console.log(message);

Ini menghasilkan objek string baru yang akan disimpan di “pesan” Variabel yang masuk ke konsol sebagai output.

Keluaran:

Welcome Jenny. Your ID is 1

Metode 7: Menggunakan fungsi Kustom untuk Format String di JavaNaskah

Anda juga dapat membuat format string yang lebih dapat digunakan kembali dan disesuaikan JavaSkrip. Untuk melakukannya, tentukan skrip baru fungsi kustom yang menerima string dan parameter lainnya. Anda dapat memanggilnya untuk mengganti placeholder atau menerapkan aturan pemformatan kustom. Teknik ini juga mendukung pemformatan kustom dalam skenario pemformatan yang kompleks.

Di sini, kami telah membuat format fungsi kustom baru bernama “formatString” yang menerima “string"Dan"params"(susunan parameter) sebagai argumen.

Di dalam badan fungsi, kami telah memanggil “ganti ()” metode dengan ekspresi reguler untuk mengganti placeholder “0 {}, 1 {}” dengan nilainya masing-masing dari larik parameter.

Kode:

function formatString(string, params) {
  return string.replace(/{(\d+)}/g, (match, index) => {
    return typeof params[index] !== 'undefined' ? params[index] : match;
  });
}
var name = "Alex";
var age = 30;
var formattedMsg = formatString("Hi, {0}! You are {1} years old.", [name, age]);
console.log(formattedMsg); 

Keluaran:

Hi, Alex! You are 30 years old.

Metode 8: Menggunakan Ternary Operator untuk Memformat String di JavaNaskah

JavaNaskah Operator terner adalah cara singkat untuk menulis ekspresi kondisional pada string. Namun, ini juga dapat digunakan untuk pemformatan string dengan memilih salah satu dari dua nilai secara kondisional sesuai dengan ekspresi boolean yang ditentukan dan mengembalikan string.

sintaks:

condition ? expressionIfTrue : expressionIfFalse

Lihat contoh kode penggunaan operator ternary untuk memformat menjadi objek string.

Kode:

let name = "Jenny";
let isAdmin = true;
let msg = `Welcome ${name}${isAdmin ? ", you are an admin" : ""}`;
console.log(msg);

Keluaran:

Welcome Jenny, you are an admin

Di sini, kami telah mendefinisikan dua variabel “nama"Dan"adalahAdmin” dengan nilai “Jenny"Dan"benar”, masing-masing.

Setelah itu, kami menggunakan operator ternary untuk menambahkan string “, Anda adalah seorang admin” ke string pesan jika nilai parameter opsional “isAdmin” benar, seperti yang dinyatakan di atas.

Perbandingan dari JavaMetode Format String Skrip

Di sini, kami telah mencantumkan kelebihan dan kekurangan yang dibahas di atas JavaMetode format string skrip:

metode	Kelebihan	Kekurangan
Brackets {} dengan backtick (`)	• Mudah digunakan. • Kode ringkas dan mudah dibaca.	Mungkin tidak sesuai untuk persyaratan pemformatan yang lebih rumit.
operatornya “+”	Mudah dimengerti.	Bisa jadi tidak efisien untuk persyaratan pemformatan yang lebih rumit.
Fungsi khusus untuk pemformatan String	Menawarkan banyak fleksibilitas.	Membutuhkan lebih banyak upaya pengkodean.
Rangkaian Operator	Sederhana dan didukung secara luas.	Sulit untuk memformat string yang kompleks.
Templat Literal	• Mendukung string multi-baris. • Readable dan sintaksis intuitif.	Kontrol terbatas atas opsi pemformatan.
Ekspresi Reguler	Memberikan banyak fleksibilitas.	Implementasi dan pemeliharaan yang berbeda dibandingkan dengan metode lain.
Fungsi kustom	Memberikan banyak fleksibilitas.	Membutuhkan pengkodean tambahan untuk membuat dan memelihara fungsi khusus.
Operator terner	Cara ringkas untuk menangani nilai nol atau tidak terdefinisi.	Mungkin tidak cocok untuk persyaratan pemformatan yang lebih rumit.

Perhatikan bahwa pemilihan metode sangat bergantung pada kasus penggunaan spesifik dan kebutuhan Anda yang relevan JavaKode skrip.

Kesimpulan

In JavaNaskah, Anda dapat menggunakan literal templat, operator ternary, “+” operator, ekspresi reguler, dan fungsi khusus untuk memformat string. Metode format string ini memungkinkan pengembang untuk memanipulasi dan menyajikan data tekstual dengan cara yang efisien.

Oleh karena itu, pilih metode yang tepat berdasarkan keterbacaan, kinerja, dan kompatibilitas browser. Ini memberdayakan pengembang untuk meningkatkan pengalaman pengguna dan mencapai standar pemformatan yang diinginkan.