Cách Kiểm Tra Phần Tử Hoặc Chuỗi Có Chứa Từ Cụ Thể Với JavaScript

Làm sao kiểm tra chuỗi có chứa giá trị từ cụ thể với JavaScript?

Dùng phương thức built-in includes() của JavaScript, xác định chuỗi có chứa ký tự cụ thể bạn tìm không.

Giả sử bạn muốn biết trang HTML này có chứa từ "JavaScript" không:

<article> <p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nobis, iure eaque? Beatae JavaScript fuga voluptatibus quae dolor odit magni voluptas iusto illo blanditiis sed, temporibus harum minima hic quos voluptatem autem! </p> </article>

Để tìm qua JavaScript, trước chọn element nghi ngờ chứa string value (từ) cần tìm. Trường hợp này là element <article>:

const findJavaScriptString = document.querySelector("article").innerText

Thêm property innerText làm filter vì chỉ tìm từ (string value) "JavaScript" bên trong element đọc được bởi người.

Nếu bạn tìm string value bên trong bất kỳ element HTML, kể cả bên trong <script> và <style>, dùng property textContent thay thế.

Bây giờ đã khai báo biến findJavaScriptString tham chiếu toàn bộ element <article> (chứa từ JavaScript giữa văn bản lorem ipsum), áp dụng includes() in kết quả:

console.log(findJavaScriptString.includes("JavaScript")) // true

Nếu làm đúng, console output hiển thị "true".