JavaĐịnh dạng chuỗi tập lệnh: Phương pháp với VÍ DỤ

Là gì JavaĐịnh dạng chuỗi lệnh?

JavaĐịnh dạng chuỗi tập lệnh đề cập đến các phương pháp có thể được sử dụng để thao tác và định dạng chuỗi theo một dạng xác định. Đây là một tính năng quan trọng của bất kỳ ngôn ngữ lập trình nào cho phép bạn kiểm soát văn bản xuất hiện trong ứng dụng của mình.

Trong của bạn JavaMã lệnh, định dạng chuỗi có thể chuyển đổi dữ liệu phức tạp theo cách đơn giản. Nó cũng cải thiện khả năng đọc đầu ra và làm cho mã dễ bảo trì hơn. Ngoài ra, định dạng đúng JavaChuỗi lệnh cũng có thể đóng vai trò nâng cao trải nghiệm của người dùng khi sử dụng ứng dụng.

Cách định dạng chuỗi trong JavaKịch bản?

Để định dạng một chuỗi trong JavaKịch bản, hãy làm theo các bước được cung cấp:

Bước 1) Đầu tiên, cần xác định dữ liệu mà bạn muốn đưa vào chuỗi.

Bước 2) Sau đó, chọn phương thức định dạng chuỗi trong JS.

Bước 3) Viết mã để thực hiện nó cho phù hợp.

Bước 4) Kiểm tra mã để đảm bảo rằng nó tạo ra kết quả mong đợi.

Bước 5) Cập nhật hoặc sửa đổi mã để đáp ứng các nhu cầu hoặc yêu cầu định dạng bổ sung.

Bước 6) Cấu trúc lại mã để dễ bảo trì và dễ đọc.

Các phương pháp định dạng chuỗi khác nhau trong JavaScript

Có nhiều cách để định dạng chuỗi trong JavaScript, bao gồm các toán tử nối, mẫu ký tự, biểu thức chính quy, v.v.

Trong phần tiếp theo, bạn sẽ khám phá những cách tiếp cận sau:

• {} Brackets với dấu gạch chéo ngược
• Ăn mặc Operator
• Định dạng chuỗi chức năng tùy chỉnh
• Điều hành nối
• Chữ mẫu
• Biểu hiện thông thường
• Chức năng tùy chỉnh
• Toán tử bậc ba

Cách 1: Sử dụng {} Brackets với Backticks để định dạng chuỗi trong JavaScript

Trong phương pháp này, bạn có thể sử dụng mẫu chữ bằng cách thêm gậy chống (`) để bao quanh một chuỗi. Sau đó, chèn các biến của đối số chuỗi trong dấu ngoặc {} được đặt trước bằng dấu đô la “$”. Các mẫu này cho phép bạn nhúng các biểu thức trong một chuỗi ký tự.

Thao tác này giúp nối các biến được gọi là phần giữ chỗ và các giá trị được xác định khác. Kết quả là chuỗi được định dạng cuối cùng thu được bằng cách nội suy các giá trị của phần giữ chỗ.

Ví dụ: chúng tôi đã tạo hai biến, “tên"Và"Tôi,” và sau đó đặt chúng trong dấu backticks để tạo đầu ra được định dạng. Lưu ý rằng "${}Cú pháp ” được sử dụng để nhúng các biểu thức vào chuỗi.

Mã Code:

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

Có thể quan sát thấy các giá trị “name” và “id” của placeholder đã được hiển thị, nghĩa là phép nội suy chuỗi đã được thực hiện thành công.

Đầu ra:

Welcome Jenny, your ID is 1

Cách 2: Sử dụng + Operator để định dạng chuỗi trong JavaScript

Cách tiếp cận thứ hai là sử dụng Điều hành nối "+” cho các chuỗi định dạng cơ bản trong JavaScript. Cách này bao gồm việc nối các biến và chuỗi riêng lẻ lại với nhau để tạo ra kết quả mong muốn.

Ví dụ: hiện tại chúng tôi đã sử dụng toán tử “+” để nối các giá trị biến giống nhau và phương thức “console.log()” sẽ trả về một chuỗi được định dạng trên bảng điều khiển.

Mã Code:

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

Đầu ra:

Welcome Jenny, your ID is 1

Cách 3: Định dạng chuỗi hàm tùy chỉnh trong JavaScript

Trong của bạn JavaChương trình kịch bản, bạn cũng có thể sử dụng phương pháp định dạng chuỗi hàm tùy chỉnh. Trong kỹ thuật này, hàm chấp nhận các biến mong muốn và trả về chuỗi đã định dạng. Hàm định dạng này cũng cung cấp rất nhiều tính linh hoạt. Bạn cũng có thể sử dụng nó để đáp ứng các yêu cầu định dạng tùy chỉnh hoặc phức tạp.

Ở đây, chúng tôi đã tạo một hàm định dạng tùy chỉnh có tên “chào mừngMsg()” chấp nhận hai biến “tên"Và"id” làm đối số và xuất ra các chuỗi được định dạng bằng cách sử dụng các chuỗi ký tự mẫu.

Sau đó, chúng tôi đã xác định các biến mong muốn và chuyển chúng theo định dạng lệnh gọi hàm hình thành tùy chỉnh.

Mã Code:

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);

Đầu ra:

Welcome Jenny, your ID is 1

Cách 4: Sử dụng phép nối chuỗi định dạng trong JavaScript

Sự kết hợp là một phương pháp đơn giản được sử dụng để định dạng chuỗi trong JavaScript. Phương pháp này bao gồm việc kết hợp các biến chuỗi hoặc nhiều chuỗi với nhau bằng cách sử dụng toán tử nối “+”. Bạn cũng có thể sử dụng kỹ thuật này cho các tác vụ nối chuỗi đơn giản.

Trong ví dụ được cung cấp, các biến “tên đầu tiên"Và"họ” sẽ được nối với sự trợ giúp của toán tử “+” để tạo thành “Họ và tên” chuỗi như sau.

Mã Code:

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

Đầu ra:

Alex Edward

Phương pháp 5: Sử dụng chữ mẫu cho chuỗi định dạng trong JavaScript

Chuỗi mẫu còn được gọi là Chữ mẫu cung cấp một cách diễn đạt và nâng cao hơn để định dạng chuỗi trong JavaKịch bản. Chúng cho phép nhúng trực tiếp các biểu thức và biến trong chuỗi bằng cách sử dụng phần giữ chỗ “$ {biểu thức}".

Hơn nữa, chữ mẫu cũng cung cấp hỗ trợ cho các chuỗi nhiều dòng.

Mã Code:

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

Trong ví dụ trên, chúng ta đã nội suy trực tiếp biến “tên"Và"tuổi” trong chuỗi bằng cách sử dụng phần giữ chỗ “${}” trong dấu backticks (`) của các chữ mẫu.

Đầu ra:

Hi, Alex! You are 30 years old.

Phương pháp 6: Sử dụng biểu thức chính quy để định dạng chuỗi trong JavaScript

In JavaMã lệnh, Biểu thức chính quy là công cụ mạnh mẽ được sử dụng để thao tác chuỗi và khớp mẫu. Hơn nữa, chúng cũng được sử dụng để tìm mẫu đã cho và thay thế chúng bằng các giá trị xác định. Hoạt động này có thể được thực hiện với sự trợ giúp của “thay thế ()" phương pháp.

Hãy xem chương trình bên dưới, phương thức thay thế () được sử dụng với hai biểu thức chính quy sẽ thay thế phần giữ chỗ “[Tên]"Và"[Tôi]” với giá trị tương ứng.

Mã Code:

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);

Điều này dẫn đến một đối tượng chuỗi mới sẽ được lưu trữ trong “tin nhắn” biến được ghi vào bảng điều khiển dưới dạng đầu ra.

Đầu ra:

Welcome Jenny. Your ID is 1

Cách 7: Sử dụng hàm Custom cho Format String trong JavaScript

Bạn cũng có thể tạo định dạng chuỗi tùy chỉnh và có thể sử dụng lại nhiều hơn trong JavaKịch bản. Để làm như vậy, hãy xác định một chức năng tùy chỉnh chấp nhận một chuỗi và các tham số khác. Bạn có thể gọi nó để thay thế chỗ giữ chỗ hoặc áp dụng các quy tắc định dạng tùy chỉnh. Kỹ thuật này cũng hỗ trợ định dạng tùy chỉnh trong các tình huống định dạng phức tạp.

Ở đây, chúng tôi đã tạo một định dạng hàm tùy chỉnh mới có tên là “định dạngChuỗi” chấp nhận một “chuỗi"Và"thông số"(mảng của các tham số) làm đối số.

Trong phần thân hàm, chúng ta đã gọi “thay thế ()” phương thức có biểu thức chính quy để thay thế phần giữ chỗ “0 {}, 1 {}” với các giá trị tương ứng của chúng từ mảng tham số.

Mã Code:

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); 

Đầu ra:

Hi, Alex! You are 30 years old.

Phương pháp 8: Sử dụng Ternary Operator để định dạng chuỗi trong JavaScript

JavaScript Toán tử bậc ba là một cách viết tắt để viết các biểu thức điều kiện trên chuỗi. Tuy nhiên, nó cũng có thể được sử dụng để định dạng chuỗi bằng cách chọn có điều kiện một trong hai giá trị theo biểu thức boolean đã chỉ định và trả về chuỗi.

Cú pháp:

condition ? expressionIfTrue : expressionIfFalse

Hãy xem mã ví dụ này về cách sử dụng toán tử bậc ba để định dạng thành đối tượng chuỗi.

Mã Code:

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

Đầu ra:

Welcome Jenny, you are an admin

Ở đây, chúng tôi đã xác định hai biến “tên"Và"isAdmin” với các giá trị “cú chọc"Và"đúng", tương ứng.

Sau đó, chúng tôi sử dụng toán tử bậc ba để thêm chuỗi “, bạn là quản trị viên” vào chuỗi thông báo nếu giá trị của tham số tùy chọn “isAdmin” là đúng, như đã nêu ở trên.

So sánh JavaPhương pháp định dạng chuỗi Script

Ở đây, chúng tôi đã tranh thủ những ưu điểm và nhược điểm của các thảo luận ở trên JavaPhương pháp định dạng chuỗi lệnh:

Phương pháp	Ưu điểm	Nhược điểm
Brackets {} có dấu ngược (`)	• Dễ sử dụng. • Mã ngắn gọn và dễ đọc.	Có thể không phù hợp với các yêu cầu định dạng phức tạp hơn.
Toán tử “+”	Dễ hiểu.	Có thể không hiệu quả đối với các yêu cầu định dạng phức tạp hơn.
Chức năng tùy chỉnh để định dạng chuỗi	Cung cấp rất nhiều tính linh hoạt.	Cần nhiều nỗ lực mã hóa hơn.
Sự kết hợp Operator	Đơn giản và được hỗ trợ rộng rãi.	Phức tạp khi định dạng chuỗi phức tạp.
Chữ mẫu	• Hỗ trợ chuỗi nhiều dòng. • Readable và cú pháp trực quan.	Kiểm soát hạn chế đối với các tùy chọn định dạng.
Biểu thức chính quy	Cung cấp rất nhiều tính linh hoạt.	Việc triển khai và bảo trì khác nhau so với các phương pháp khác.
Chức năng tùy chỉnh	Cung cấp rất nhiều tính linh hoạt.	Cần mã hóa bổ sung để tạo và duy trì chức năng tùy chỉnh.
Toán tử bậc ba	Cách ngắn gọn để xử lý các giá trị null hoặc không xác định.	Có thể không phù hợp với các yêu cầu định dạng phức tạp hơn.

Lưu ý rằng việc lựa chọn phương pháp phụ thuộc nhiều vào trường hợp sử dụng cụ thể và các yêu cầu liên quan của bạn. JavaMã lệnh.

Kết luận

In JavaScript, bạn có thể sử dụng các hằng mẫu, toán tử bậc ba, “+” toán tử, biểu thức chính quy và hàm tùy chỉnh để định dạng chuỗi. Các phương thức định dạng chuỗi này cho phép các nhà phát triển thao tác và trình bày dữ liệu văn bản một cách hiệu quả.

Do đó, hãy chọn phương pháp phù hợp dựa trên khả năng đọc, hiệu suất và khả năng tương thích của trình duyệt. Nó trao quyền cho các nhà phát triển cải thiện trải nghiệm người dùng và đạt được các tiêu chuẩn định dạng mong muốn.