Chuỗi (string) trong JavaScript, như nhiều ngôn ngữ khác, là kiểu dữ liệu giữ dữ liệu dạng văn bản. Cách dùng phổ biến chuỗi trong ứng dụng web là giữ đầu vào người dùng từ biểu mẫu. Ví dụ biểu mẫu tìm kiếm, truy vấn tìm kiếm lưu như chuỗi.
Sau khi đầu vào người dùng gửi trong biểu mẫu tìm kiếm, một số phép toán so sánh thực hiện trên chuỗi gửi. Điều này tìm thông tin khớp và trả kết quả cho người dùng. Phép toán so sánh là toán tử JavaScript, ví dụ: '=', '==', '===', '<', '>', v.v. Các toán tử trả về true/false sau so sánh giá trị chuỗi.
Bài tập trung vào toán tử bằng cho chuỗi. Hướng dẫn này đi sâu toán tử JavaScript nói chung.
Chuỗi JavaScript là gì?
Chuỗi trong JavaScript là một trong nhiều kiểu dữ liệu gốc. Nó giữ giá trị dạng văn bản và xây dựng vài cách khác nhau. Cách đầu gọi là chuỗi nguyên thủy (string primitive). Gồm lưu chữ chuỗi (string literal) trong biến.
const stringPrim1 = 'Hello World!' const stringPrim2 = "Hello World!" const stringPrim3 = `Hello World!`
Chuỗi ký tự có thể bao quanh bằng dấu nháy đơn (''), nháy kép (""), hoặc backticks (`). Biết rằng chuỗi JavaScript chỉ nội suy (interpolate) dùng backticks. Nội suy chuỗi nhúng biểu thức trong chuỗi.
const name = "John"
console.log(`Hello World! My name is ${name}`)
log: "Hello World! My name is John"
Trong ví dụ, có biến lưu chuỗi giá trị "John". Dùng backticks, ta dùng phương pháp nội suy chuỗi JavaScript. Ta tham chiếu giá trị name cách trừu tượng.
Đây chỉ một cách nội suy chuỗi JavaScript. Nếu muốn học thêm cách, hướng dẫn này khởi đầu tốt.
Dùng Toán tử So sánh trên Chuỗi JavaScript
Chúng ta cần bỏ qua phân biệt chữ hoa/thường trong chuỗi để biểu mẫu tìm kiếm hiệu quả. Sẽ nhàm chán nếu đầu vào phải khớp chính xác giá trị lưu trong cơ sở dữ liệu. JavaScript cung cấp cách giải quyết với phương thức toUpperCase() và toLowerCase().
81% người tham gia cho biết họ cảm thấy tự tin hơn về cơ hội việc làm công nghệ sau khi tham gia bootcamp. Được ghép nối với bootcamp ngay hôm nay.
Sinh viên trung bình của bootcamp dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được việc đầu tiên.
Hãy tìm video mèo dễ thương trên ứng dụng video.
const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput == searchResult) log: false
Cách lập trình so sánh này không ra kết quả. Ta biết internet đầy video mèo, nên bỏ qua phân biệt chữ hoa/thường trả kết quả người dùng muốn.
const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput.toUpperCase() === searchResult.toUpperCase()) log: true
Bây giờ chuyển cả chuỗi thành chữ hoa sau nhập, ta trả kết quả tìm kiếm chính xác. Cùng kết quả đạt được bằng chuyển cả chuỗi thành chữ thường.
const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput.toLowerCase() === searchResult.toLowerCase()) log: true
Ví dụ này minh họa logic so sánh đằng sau biểu mẫu tìm kiếm. Có nhiều phương thức và toán tử cho chuỗi JavaScript tìm thấy tại đây.
Kết luận
Trong giới thiệu chuỗi JavaScript, chúng ta thảo luận ngắn gọn chuỗi là gì và vài cách làm việc. Chủ đề chuỗi JavaScript rộng lớn. Hiểu chuỗi là gì có thể đơn giản, nhưng phương thức đi kèm làm việc chuỗi rất rộng.
Sau hiểu khái niệm bài, dùng hướng dẫn trên khám phá thêm phương thức chuỗi sẽ có ý nghĩa hơn. Chuỗi JavaScript là kiểu dữ liệu thiết yếu hiểu để làm ứng dụng web động, mạnh mẽ.