Đôi khi, với tư cách là nhà phát triển JavaScript, bạn phải hạn chế người dùng nhập vào hộp văn bản theo giới hạn ký tự hoặc giới hạn từ. Trong những tình huống như vậy, bộ đếm có thể giúp theo dõi các từ hoặc ký tự khi người dùng nhập chúng. Cụ thể hơn, bộ đếm từ có thể được sử dụng để đếm các từ trong JavaScript bằng các phương pháp khác nhau
Bài viết này sẽ giải thích phương pháp đếm từ trong JavaScript
Làm cách nào để đếm từ bằng JavaScript?
Như chúng ta đã biết, các từ trong câu được ngăn cách nhau bởi dấu cách. Điều này nói rằng khoảng trắng có thể được sử dụng làm dấu phân cách để đếm các từ trong câu hoặc chuỗi. Để đếm số từ trong một vùng văn bản, bạn có thể sử dụng các phương thức và thuộc tính được xác định trước của JavaScript, bao gồm phương thức “split[]”, phương thức “filter[]” và phương thức “trim[]” có hoặc không có biểu thức chính quy và “độ dài . Đếm từ chủ yếu được sử dụng trong các biểu mẫu khi nhập thông tin trong một giới hạn cụ thể. Trong bài viết này, chúng tôi đã giải thích các phương pháp khác nhau để đếm từ trong JavaScript
Trong bài viết nhanh này, chúng ta sẽ xem cách bạn có thể đếm số từ trong một đoạn văn bằng JavaScript, cùng với một số ví dụ thực tế
Là nhà phát triển JavaScript, đôi khi bạn cần giới hạn đầu vào của người dùng trong hộp văn bản. Có hai cách để hạn chế đầu vào của người dùng. theo số lượng ký tự hoặc theo số lượng từ. Hôm nay, chúng ta sẽ thảo luận về vấn đề sau—cách bạn có thể đếm số từ trong một chuỗi trong JavaScript
Ví dụ JavaScript. Đếm từ trong một chuỗi
Trong phần này, chúng ta sẽ xây dựng một hàm JavaScript tùy chỉnh cho phép bạn đếm tất cả các từ trong một chuỗi
Hãy xem nhanh ví dụ sau
Như bạn có thể thấy, chúng tôi đã tạo hàm JavaScript getWordCount
, hàm này nhận một đối số chuỗi và đưa ra tổng số từ trong chuỗi đã cho
Hãy hiểu cách thức hoạt động của nó. Đầu tiên, chúng tôi đã sử dụng phương thức chuỗi JavaScript split
để tách chuỗi trên ký tự khoảng trắng và kết quả là chúng tôi nhận được một mảng các chuỗi
Tiếp theo, chúng ta đã sử dụng phương thức mảng JavaScript filter
để lọc ra các chuỗi rỗng—các chuỗi này có thể hiển thị khi chuỗi có hai khoảng trắng liên tiếp
Cuối cùng, chúng ta có một mảng các từ [cùng với các dấu chấm câu khác] và chúng ta có thể sử dụng thuộc tính mảng length
để đếm số phần tử trong mảng. Và điều đó cho chúng ta tổng số từ trong một chuỗi nhất định
Ví dụ JavaScript. Đếm từ trong một chuỗi với Regex
Trong phần trước, chúng ta đã thảo luận về một ví dụ JavaScript để minh họa cách bạn có thể đếm tất cả các từ trong một chuỗi. Chúng tôi đã làm như vậy bằng cách tách trên ký tự khoảng trắng. Tuy nhiên, chúng tôi phải lọc ra các chuỗi trống có thể hiển thị khi chuỗi nguồn có nhiều dấu cách liên tiếp
Trong phần này, chúng tôi sẽ sửa lại ví dụ đã nói ở trên với biểu thức chính quy. Hãy xem nhanh ví dụ sau
Lần này, chúng tôi chia chuỗi bằng biểu thức chính quy /\s+/
, nghĩa là một hoặc nhiều ký tự khoảng trắng. Bằng cách này, chúng tôi đi thẳng đến kết quả mà chúng tôi muốn mà không cần lọc các chuỗi trống. Ngoài ra, mẫu \s
khớp với các dòng và tab mới, làm cho kết quả chắc chắn hơn so với khớp trực tiếp các ký tự khoảng trắng. Như bạn có thể thấy, với sự trợ giúp của phương thức chuỗi JavaScript split
, việc đếm các từ trong một chuỗi thậm chí còn dễ dàng hơn
Một ví dụ thực tế
Trong phần này, chúng ta sẽ xem một ví dụ thực tế để chứng minh việc sử dụng hàm getWordCount
mà chúng ta đã xây dựng trong các phần trước
Hãy xem ví dụ sau, hiển thị bộ đếm từ theo thời gian thực khi người dùng nhập vào vùng văn bản
Vì vậy, như bạn có thể thấy, khi người dùng nhập vào vùng văn bản, nó sẽ hiển thị bộ đếm thời gian thực. Bạn có thể sử dụng và mở rộng ví dụ này để hiển thị thông báo cho người dùng khi bạn muốn giới hạn văn bản nhập vào
Chúng tôi đã tạo một hàm có thể tái sử dụng lấy một chuỗi làm tham số và trả về số lượng từ trong chuỗi
Chúng tôi đã sử dụng Chuỗi. phương thức split để tách chuỗi trên mỗi khoảng trắng
Điều này trả về một mảng chứa các từ trong chuỗi
Tuy nhiên, nếu chuỗi chứa nhiều khoảng trắng cạnh nhau, cách tiếp cận này sẽ phân tách trên khoảng trắng đầu tiên và sau đó sẽ thêm các chuỗi trống vào mảng
Chúng ta có thể sử dụng Mảng. phương pháp lọc để đảm bảo rằng chúng tôi không tính các chuỗi trống là từ
Phương thức filter
cho phép chúng ta lọc ra các chuỗi trống, trước khi truy cập thuộc tính length
trên mảng
Hàm chúng ta đã truyền cho phương thức filter
được gọi với từng phần tử trong mảng
Nếu hàm trả về giá trị trung thực, phần tử sẽ được thêm vào mảng mới mà phương thức filter
trả về
Sự miêu tả
Thuộc tính này trả về số ký tự trong một chuỗi
cú pháp
Sử dụng cú pháp sau để tìm độ dài của một chuỗi –
string.length
Giá trị trả về
Trả về số ký tự trong chuỗi
Ví dụ
Hãy thử ví dụ sau
JavaScript String length Property
đầu ra
str.length is:14
javascript_strings_object. htm