Computer >> Máy Tính >  >> Lập trình >> Javascript

Cách kiểm tra xem một phần tử hoặc chuỗi có bao gồm một giá trị từ cụ thể bằng JavaScript hay không

Làm cách nào để kiểm tra xem một chuỗi có bao gồm một giá trị từ cụ thể bằng JavaScript hay không?

Bằng cách sử dụng includes() tích hợp sẵn của JavaScript , xác định xem một chuỗi có chứa các ký tự cụ thể mà bạn đang tìm kiếm hay không.

Vì vậy, giả sử bạn muốn biết liệu trang HTML này có chứa từ “JavaScript” hay 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 hiểu qua JavaScript, trước tiên, chúng tôi cần chọn phần tử mà chúng tôi nghi ngờ có chứa giá trị chuỗi (từ) mà chúng tôi đang tìm kiếm. Trong trường hợp này, đó là <article> phần tử:

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

Chúng tôi thêm innerText thuộc tính dưới dạng bộ lọc vì chúng tôi chỉ tìm kiếm từ (giá trị chuỗi) “JavaScript” bên trong con người có thể đọc được các phần tử.

Tuy nhiên, nếu bạn đang tìm kiếm giá trị chuỗi bên trong bất kỳ Phần tử HTML, bao gồm bên trong <script><style> , sau đó chúng tôi sử dụng textContent tài sản thay thế.

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

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

Nếu bạn đã làm mọi thứ chính xác, đầu ra bảng điều khiển của bạn sẽ có nội dung "true" .