Hướng dẫn contains javascript là gì
- Trang chủ
- Tham khảo
- jQuery
- :contains[text]
Định nghĩa và sử dụng
- Bộ chọn :contains[text]: giúp chọn được thành phần có chứa text được chỉ định.
Cấu trúc
- Đã được thêm vào từ phiên bản 1.1.4
Ví dụ
Html viết:
Tiêu đề
$[function[]{
$['p:contains[html]'].css["border", "1px solid blue"];
}];
Học html thiệt dễ
Học css thiệt dễ
Học xhtml thiệt dễ
Học css3 thiệt dễ
Học html5 thiệt dễ
Học jquery thiệt dễ
Hiển thị trình duyệt:
$[':contains[html]'] chọn tất cả các thành phần nào có chứa dòng text html.
Phương thức string.includes[] sẽ kiểm tra xem một chuỗi con được người dúng cung cấp có nằm trong chuỗi hay không. Phương thức sẽ trả về True nếu chuỗi chứa chuỗi con mà người dùng cung cấp, ngược lại sẽ trả về False.
Bài viết này được đăng tại
freetuts.net, không được copy dưới mọi hình thức.
Lưu ý rằng phương thức có phân biệt chữ hoa chữ thường.
Cú pháp: string.includes[searchvalue, start]
Trong đó:
Bài viết này được đăng tại [free tuts .net]
- searchvalue là chuỗi con cần kiểm tra trong chuỗi string.
- start laf vị trí bắt đầu kiểm tra ở chuỗi string, mặc định mang giá trị 0 tức là phương thức sẽ
kiểm tra từ đầu chuỗi.
Cách sử dụng
Ví dụ: sử dụng phương thức string.includes[] để kiểm tra.
Học lập trình miễn phí tại freetuts.net
Run
function myFunction[] {
var str = "Hoc lap trinh mien phi tai freetuts.net";
var ckeck = str.includes["freetuts"];
document.getElementById["demo"].innerHTML = ckeck;
}
Ví dụ 2: sử dụng tham số start để kiểm tra.
Học lập trình miễn phí tại freetuts.net
Run
function myFunction[] {
var str = "Hoc lap trinh mien phi tai freetuts.net";
var ckeck = str.includes["lap trinh", 10];
document.getElementById["demo"].innerHTML = ckeck;
}
Tham khảo: w3schools.com
- Cú pháp phương thức includes[] cơ bản
- Ví dụ phương thức includes[]
- Phương thức includes[] có phân biệt chữ hoa chữ thường không?
- Cách sử dụng tham số position
- Kết luận
Bạn có thể sử dụng phương thức includes[] trong JavaScript để kiểm tra một chuỗi chứa chuỗi con hay không. Nói cách khác, một chuỗi có được tìm thấy trong chuỗi khác hay không. Nhưng nó hoạt động chính xác như thế nào?
Trong bài viết này, tôi sẽ hướng dẫn bạn một vài ví dụ về phương thức chuỗi JavaScript được gọi là
includes[].
Đây là cú pháp cơ bản cho phương thức includes[]:
str.includes[search-string, optional-position]
Code language: CSS [css]
Tham số search-string là chuỗi bạn đang tìm kiếm trong str.
Tham số optional-position là một số tùy chọn cho vị trí tìm kiếm bắt đầu trong str. Nếu optional-position bị bỏ qua thì giá trị mặc định là 0.
Nếu search-string được tìm thấy thì nó sẽ trả về true. Ngược lại, nêu không được tìm thấy thì
nó sẽ trả về false.
Ví dụ phương thức includes[]
Trong ví dụ đầu tiên này, chúng ta có câu, ‘I love Học JavaScript’. Chúng ta muốn xem liệu từ ‘love’ có nằm trong câu đó không.
"I love Học JavaScript".includes["love"]
Code language: JavaScript [javascript]
Vì từ ‘love’ nằm trong str, khi đó phương thức sẽ trả về true.
Phương thức includes[] có phân biệt chữ hoa chữ thường không?
Nếu chúng ta sửa đổi str thành ‘I LOVE Học JavaScript’ và chuỗi tìm kiếm vẫn là ‘love’, thì giá trị trả về sẽ là false.
"I LOVE Học JavaScript".includes["love"]
Code language: JavaScript [javascript]
Điều này là sai vì phương thức includes[] phân biệt chữ hoa chữ thường. ‘LOVE’ không giống như ‘love’.
Cách sử dụng tham số position
Tôi sẽ sửa đổi ví dụ để sử dụng tham số vị trí. Bây
giờ chúng ta muốn kiểm tra xem ‘love’ có được tìm thấy trong ‘I love Học JavaScript’ hay không khi tìm kiếm bắt đầu ở vị trí 1.
Hãy nhớ rằng các chuỗi sử dụng đánh chỉ mục dựa trên số 0 có nghĩa là chữ cái đầu tiên ‘I’ là chỉ số 0.
Mã của chúng ta sẽ trả về true vì khi chúng ta bắt đầu tìm kiếm ở vị trí 1, từ ‘love’ không xuất hiện cho đến vị trí 2 nên nó hoàn toàn được chứa trong chuỗi.
Vị trí 1 cho đến cuối câu bao gồm các ký tự và khoảng trắng này.
" love Học JavaScript"
Code language: JSON / JSON with Comments [json]
Hãy nhớ rằng
dấu cách trong chuỗi nhận một giá trị chỉ mục.
Đây là mã của chúng ta khi sử dụng tham số vị trí.
"I love Học JavaScript".includes['love', 1]
Code language: JavaScript [javascript]
Nếu chúng ta thay đổi vị trí thành 3, thì kết quả trả về sẽ là false.
"I love Học JavaScript".includes['love', 3]
Code language: JavaScript [javascript]
Phương thức trả về false vì vị trí 3 là chữ cái ‘o’.
Vị trí 3 cho đến cuối câu bao gồm các ký tự và khoảng trắng này.
"ove Học JavaScript"
Code language: JSON / JSON with Comments [json]
Bạn có thể thấy rằng [toàn bộ] từ ‘love’ không có trong chuỗi đó.
Kết luận
Trong
JavaScript, bạn có thể sử dụng phương thức includes[] để xem liệu một chuỗi có được tìm thấy trong chuỗi khác hay không.
Nếu search-string được tìm thấy thì nó sẽ trả về true. Ngược lại, nêu không được tìm thấy thì nó sẽ trả về false.
Phương thức includes[] phân biệt chữ hoa chữ thường, nghĩa là nếu chuỗi tìm kiếm không khớp với cách viết hoa chính xác trong str thì nó sẽ trả về false.
Tham số position là một số tùy chọn cho vị trí tìm kiếm
bắt đầu trong str. Nếu tham số vị trí bị bỏ qua thì giá trị mặc định là 0.
Tôi hy vọng bạn thích bài viết này về phương thức includes[] và chúc bạn may mắn trong hành trình JavaScript của mình.
Cảm ơn bạn đã theo dõi bài viết!
Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây.
Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.
TỔNG HỢP TÀI LIỆU HỌC LẬP TRÌNH CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦU
KHOÁ HỌC BOOTCAMP JAVA/PHP/.NET TRỞ THÀNH LẬP TRÌNH VIÊN TRONG 5-6 THÁNG