Chuỗi trong JavaScript, như trường hợp của nhiều ngôn ngữ lập trình khác, là một kiểu dữ liệu chứa dữ liệu ở dạng văn bản. Cách sử dụng phổ biến cho các chuỗi trong ngữ cảnh của một ứng dụng web là giữ đầu vào của người dùng từ một biểu mẫu. Lấy ví dụ về biểu mẫu tìm kiếm, truy vấn tìm kiếm được lưu trữ dưới dạng chuỗi.
Sau khi thông tin nhập của người dùng được gửi trong biểu mẫu tìm kiếm của chúng tôi, một số thao tác so sánh sẽ được thực hiện trên chuỗi đã gửi. Điều này là để tìm thông tin đăng nhập phù hợp và trả lại kết quả cho người dùng. Các phép toán so sánh là các toán tử JavaScript, tức là ‘=’, ‘==’, ‘===’, ‘<’, ‘>’, để đặt tên cho một số. Các toán tử này trả về giá trị đúng hoặc sai sau khi so sánh các giá trị được giữ bởi một chuỗi.
Bài viết này tập trung vào các toán tử bình đẳng cho chuỗi. Hướng dẫn này đi sâu hơn về các 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ó chứa các giá trị được biểu diễn dưới dạng văn bản và có thể được xây dựng theo một vài cách khác nhau. Cách đầu tiên được gọi là một chuỗi nguyên thủy. Điều này bao gồm việc lưu trữ một chuỗi ký tự trong một biến.
const stringPrim1 = 'Hello World!' const stringPrim2 = "Hello World!" const stringPrim3 = `Hello World!`
Một chuỗi ký tự có thể được bao bọc trong dấu ngoặc kép (‘’), dấu ngoặc kép (“”) hoặc dấu ngoặc kép (“). Biết rằng một chuỗi JavaScript chỉ có thể được nội suy bằng cách sử dụng dấu ngoặc đơn. Nội suy chuỗi nhúng một biểu thức trong một chuỗi.
const name = "John"
console.log(`Hello World! My name is ${name}`)
log: "Hello World! My name is John"
Chúng ta có một biến lưu trữ một chuỗi có giá trị là “John” trong ví dụ này. Bằng cách sử dụng backticks, chúng ta có thể sử dụng phương pháp nội suy chuỗi JavaScript. Chúng ta có thể tham chiếu giá trị của tên một cách trừu tượng.
Đây chỉ là một cách để thực hiện nội suy chuỗi trong JavaScript. Nếu bạn muốn tìm hiểu nhiều cách hơn, hướng dẫn này là một nơi tốt để bắt đầu.
Sử dụng các toán tử so sánh trên chuỗi JavaScript
Chúng ta cần bỏ qua phân biệt chữ hoa chữ thường trong chuỗi của mình để biểu mẫu tìm kiếm có hiệu quả. Sẽ thật tẻ nhạt cho người dùng của chúng tôi nếu thông tin đầu vào của họ phải khớp chính xác với các giá trị được lưu trữ trong cơ sở dữ liệu của chúng tôi. JavaScript cung cấp công việc xung quanh với toUpperCase() và toLowerCase() các phương pháp.
81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.
Sinh viên tốt nghiệp bootcamp trung bình đã 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 công việc đầu tiên của họ.
Hãy tìm kiếm video mèo con dễ thương trên ứng dụng web video.
const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput == searchResult) log: false
Cách lập trình tìm kiếm so sánh này sẽ không mang lại kết quả. Chúng tôi biết rằng Internet có rất nhiều video về mèo con, vì vậy, hãy bỏ qua phân biệt chữ hoa chữ thường và trả về kết quả mà người dùng muốn tìm kiếm.
const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput.toUpperCase() === searchResult.toUpperCase()) log: true
Bây giờ chúng tôi đã chuyển đổi cả hai chuỗi thành tất cả các chữ cái viết hoa sau khi nhập, chúng tôi có thể trả về kết quả tìm kiếm chính xác. Kết quả tương tự có thể đạt được bằng cách chuyển đổi cả hai chuỗi thành tất cả các chữ thường.
const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput.toLowerCase() === searchResult.toLowerCase()) log: true
Ví dụ này nhằm hiển thị logic so sánh đằng sau cách một biểu mẫu tìm kiếm có thể được viết. Có nhiều phương pháp và toán tử khác có sẵn cho chuỗi JavaScript và bạn có thể tìm thấy tại đây.
Kết luận
Trong phần giới thiệu về chuỗi JavaScript này, chúng ta đã thảo luận ngắn gọn về chuỗi là gì và một số cách để làm việc với chúng. Chủ đề của chuỗi trong JavaScript là một chủ đề rộng. Hiểu chuỗi là gì có thể là một nhiệm vụ đơn giản, nhưng các phương pháp bao gồm để làm việc với chuỗi là rất rộng rãi.
Sau khi hiểu các khái niệm trong bài viết này, sử dụng hướng dẫn ở trên để khám phá thêm các phương thức chuỗi sẽ có ý nghĩa hơn. Chuỗi JavaScript là loại dữ liệu cần thiết phải hiểu để tạo ứng dụng web động, mạnh mẽ.