Với nhiều tính năng mạnh mẽ, hiện tại JavaScript là một trong những ngôn ngữ lập trình rất phổ biến. Giống như tất cả các ngôn ngữ khác, việc xử lý chuỗi trong JavaScript là không thể thiếu. Việc xử lý chuỗi rất quan trọng trong việc làm việc với người dùng và hiển thị thông tin trên giao diện người dùng. Trong bài viết này, chúng ta sẽ tìm hiểu về cách xử lý cũng như những tính năng để xử lý chuỗi trong JavaScript.

1. Khởi tạo chuỗi trong JavaScript

Tương tự các ngôn ngữ khác, trong JavaScript ta có thể khởi tạo chuỗi bằng cách sử dụng dấu nháy đơn ' hoặc sử dụng dấu nháy kép ". Ví dụ:

const strSingleQuotes = 'StringeeX - Tổng đài chăm sóc khách hàng đa kênh';
const strDoubleQuotes  = "StringeeX - Tổng đài chăm sóc khách hàng đa kênh";

Với hai cách trên ta hoàn toàn có thể tạo một chuỗi trong JavaScript. Nhưng đặc biệt trong phiên bản ECMAScript 6 (ES6) của JavaScript có thêm một cú pháp khởi tạo chuỗi khá đặc sắc và được sử dụng rất nhiều là sử dụng dấu "`" (backtick). Ví dụ:

// Chuỗi không chứa biểu thức
const function = "Tổng đài chăm sóc khách hàng đa kênh";
const result = `StringeeX - ${function}`;
// Kết quả: "StringeeX - Tổng đài chăm sóc khách hàng đa kênh"

// Chuỗi chứa biểu thức
const a = 10;
const b = 5;
const sum = `${a} + ${b} = ${a + b}`; // Kết quả: "10 + 5 = 15"

// Chuỗi trên nhiều dòng
const stringeeX = `
    StringeeX - Tổng đài chăm sóc khách hàng đa kênh
    Giải pháp Contact Center cao cấp giúp nâng cao trải nghiệm khách hàng, xây dựng thương hiệu và tạo lợi thế cạnh 
    tranh cho doanh nghiệp.
`;

2. Truy cập ký tự trong chuỗi

Trong JavaScript chuỗi có thể truy cập như cách chúng ta truy cập một mảng bằng cách sử dụng chỉ số của nó (bắt đầu bằng 0). Ví dụ:

const stringeeX = "StringeeX - Tổng đài chăm sóc khách hàng đa kênh";
console.log(stringeeX[0]); // Kết quả: "S"
console.log(stringeeX[4]); // Kết quả: "n"

3. Độ dài của chuỗi

Để lấy độ dài của chuỗi, chúng ta có thể sử dụng thuộc tính length. Ví dụ:

const stringeeX = "StringeeX - Tổng đài chăm sóc khách hàng đa kênh";
console.log(stringeeX.length); // Kết quả: 48

4. Cắt chuỗi

JavaScript cung cấp cho ta nhiều phương thức cắt một chuỗi, nhưng có hai phương thức cơ bản chúng ta có thể sử dụng là substring() hoặc slice(). Ví dụ:

const stringeeX = "StringeeX - Tổng đài chăm sóc khách hàng đa kênh";

console.log(stringeeX.substring(0, 9)); // Kết quả: StringeeX

console.log(stringeeX.slice(12)); // Kết quả: Tổng đài chăm sóc khách hàng đa kênh

5. Ghép chuỗi

Để ghép các chuỗi lại với nhau, bạn có thể sử dụng phép cộng (+), phương thức concat() hoặc như đã giới thiệu ở trên ta có thể sử dụng dấu "`" . Ví dụ:

const stringeeXFirst = "StringeeX";
const stringeeXLast = " - Tổng đài chăm sóc khách hàng đa kênh";

console.log(stringeeXFirst + stringeeXLast);
// Kết quả: StringeeX - Tổng đài chăm sóc khách hàng đa kênh

console.log(stringeeXFirst.concat(stringeeXLast));
// Kết quả: StringeeX - Tổng đài chăm sóc khách hàng đa kênh

6. Tìm kiếm và thay thế chuỗi

JavaScript cung cấp các phương thức replace() để tìm kiếm và thay thế các ký tự hoặc chuỗi trong một chuỗi. Ví dụ:

const stringeeX = "Stringee - Tổng đài chăm sóc khách hàng đa kênh!";
const searchWord = "Stringee";
const replacement = "StringeeX";

console.log(str.replace(searchWord, replacement));
// Kết quả: "StringeeX - Tổng đài chăm sóc khách hàng đa kênh"

7. Chuyển đổi chữ hoa và chữ thường

Để chuyển đổi chuỗi sang chữ hoa hoặc chữ thường, bạn có thể sử dụng phương thức toUpperCase() và toLowerCase(). Ví dụ:

const stringeeX = "StringeeX - Tổng đài chăm sóc khách hàng đa kênh";

console.log(stringeeX.toUpperCase());
// Kết quả: STRINGEEX - TỔNG ĐÀI CHĂM SÓC KHÁCH HÀNG ĐA KÊNH

console.log(stringeeX.toLowerCase());
// Kết quả: stringeex - tổng đài chăm sóc khách hàng đa kênh

8. Kiểm tra chuỗi đầu tiên

Để kiểm tra xem một chuỗi bắt đầu bằng một chuỗi con cụ thể, chúng ta có thể sử dụng phương thức startsWith(). Ví dụ:

const stringeeX = "StringeeX - Tổng đài chăm sóc khách hàng đa kênh";
console.log(stringeeX.startsWith("StringeeX")); // Kết quả: true
console.log(stringeeX.startsWith("Abc")); // Kết quả: false

8. Kiểm tra chuỗi cuối

Tương tự như startsWith() ta có phương thức endsWith() để kiểm tra một chuỗi có kết thúc bằng một chuỗi con cụ thể hay không. Ví dụ:

const stringeeX = "StringeeX - Tổng đài chăm sóc khách hàng đa kênh";
console.log(stringeeX.endsWith("đa kênh")); // Kết quả: true
console.log(stringeeX.endsWith("Abc")); // Kết quả: false

Tổng kết

Thông qua các ví dụ trên ta có thể thấy rằng JavaScript cung cấp cho chúng ta rất nhiều phương thức để làm việc với chuỗi. Với những phương thức trên chúng ta hoàn toàn có thể linh động hơn trong cách xử lý một chuỗi trước khi nó xuất hiện với người dùng. Ở đây ta chỉ tập trung vào những phương thức điển hình nhất, với những phương thức này hy vọng sẽ mang lại cho các bạn những kiến thức cũng như áp dụng chúng tốt hơn vào việc xử lý chuỗi trong JavaScript. Chúc bạn thành công!

Stringee API cung cấp các tính năng như gọi thoại, gọi video, tin nhắn chat, SMS hay tổng đài chăm sóc khách hàng (CSKH) có thể được nhúng trực tiếp vào các ứng dụng/website của doanh nghiệp nhanh chóng. Điều này giúp tiết kiệm đến 80% thời gian và chi phí cho doanh nghiệp, trong khi nếu tự phát triển các tính năng này có thể mất từ 1 - 3 năm.

Mời quý bạn đọc đăng ký dùng thử và nhận tư vấn tại đây: