Xử lý chuỗi trong JavaScript

Chuỗi (String) là một kiểu dữ liệu quan trọng trong JavaScript, được sử dụng để lưu trữ và xử lý văn bản. JavaScript cung cấp nhiều phương thức hữu ích để thao tác với chuỗi.

Trong bài học này, chúng ta sẽ tìm hiểu:

• Thuộc tính length và cách truy xuất ký tự trong chuỗi.
• Các phương thức quan trọng: slice(), substring(), toUpperCase(), toLowerCase(), trim(), replace().
• Ứng dụng thực tế: Cắt chuỗi trong bài viết, chuẩn hóa dữ liệu người dùng nhập vào.

Ứng dụng thực tế: Xử lý dữ liệu từ form đăng ký, hiển thị nội dung động trên website,...

String

1. Thuộc tính length và cách truy xuất ký tự trong chuỗi

Thuộc tính length – Độ dài chuỗi

let text = "Hello, JavaScript!";
console.log(text.length); // 18

Ứng dụng: Kiểm tra độ dài mật khẩu, kiểm tra số ký tự trong tin nhắn,...

Truy xuất ký tự trong chuỗi

Có thể truy xuất ký tự bằng chỉ mục (index):

console.log(text[0]);  // "H"
console.log(text.charAt(7));  // "J"

Lưu ý: Chỉ mục bắt đầu từ 0, ký tự cuối cùng có chỉ mục là length - 1.

2. Các phương thức quan trọng xử lý chuỗi

slice(start, end) – Cắt chuỗi theo vị trí

let str = "JavaScript is awesome";
console.log(str.slice(0, 10)); // "JavaScript"
console.log(str.slice(-7)); // "awesome" (cắt từ cuối)

Ứng dụng: Cắt tiêu đề bài viết, trích xuất phần quan trọng của văn bản.

substring(start, end) – Cắt chuỗi tương tự slice() nhưng không hỗ trợ chỉ mục âm

console.log(str.substring(0, 10)); // "JavaScript"
console.log(str.substring(10, 0)); // "JavaScript" (tự động đổi thứ tự)

Lưu ý: Nếu start > end, substring() sẽ tự động đổi chỗ hai giá trị.

toUpperCase() và toLowerCase() – Chuyển đổi chữ hoa, chữ thường

console.log(str.toUpperCase()); // "JAVASCRIPT IS AWESOME"
console.log(str.toLowerCase()); // "javascript is awesome"

Ứng dụng: Chuẩn hóa dữ liệu đầu vào, không phân biệt chữ hoa/chữ thường khi tìm kiếm.

trim() – Xóa khoảng trắng ở đầu và cuối chuỗi

let username = "   John Doe   ";
console.log(username.trim()); // "John Doe"

Ứng dụng: Xóa khoảng trắng dư thừa khi nhập dữ liệu từ form.

replace(searchValue, newValue) – Thay thế nội dung trong chuỗi

let message = "Hello world!";
console.log(message.replace("world", "JavaScript")); // "Hello JavaScript!"

Ứng dụng: Xử lý nội dung tự động, lọc từ không phù hợp.

3. Ví dụ thực tế về xử lý chuỗi

Ứng dụng 1: Cắt chuỗi trong bài viết

let article = "JavaScript là một ngôn ngữ lập trình mạnh mẽ...";
let shortText = article.slice(0, 30) + "...";
console.log(shortText); // "JavaScript là một ngôn ngữ..."

Ứng dụng: Hiển thị tóm tắt nội dung trên trang web.

Ứng dụng 2: Chuẩn hóa dữ liệu người dùng nhập vào

let email = "  Example@Gmail.com  ";
let normalizedEmail = email.trim().toLowerCase();
console.log(normalizedEmail); // "example@gmail.com"

Ứng dụng: Kiểm tra email mà không phân biệt chữ hoa/chữ thường.

Kết luận

Những điểm quan trọng trong bài học:

• length giúp đo độ dài chuỗi, có thể truy xuất ký tự bằng index.
• Các phương thức quan trọng như slice(), substring(), toUpperCase(), trim(), replace() giúp xử lý chuỗi hiệu quả.
• Áp dụng vào thực tế: chuẩn hóa dữ liệu, hiển thị nội dung tóm tắt,...