วิธีตรวจสอบว่าองค์ประกอบหรือสตริงมีค่าคำเฉพาะด้วย JavaScript

คุณจะตรวจสอบได้อย่างไรว่าสตริงมีค่าคำเฉพาะกับ JavaScript หรือไม่

โดยใช้ includes() . ในตัวของ JavaScript เมธอด ซึ่งกำหนดว่าสตริงมีอักขระเฉพาะที่คุณต้องการหรือไม่

สมมติว่าคุณต้องการทราบว่าหน้า HTML นี้มีคำว่า “JavaScript” หรือไม่:

<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>

ในการค้นหาผ่าน JavaScript อันดับแรก เราต้องเลือกองค์ประกอบที่เราสงสัยว่ามีค่าสตริง (คำ) ที่เรากำลังมองหา ในกรณีนี้คือ <article> องค์ประกอบ:

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

เราเพิ่ม innerText คุณสมบัติเป็นตัวกรองเพราะเรากำลังมองหาเฉพาะคำ (ค่าสตริง) “JavaScript” ภายใน human-readable องค์ประกอบ

อย่างไรก็ตาม หากคุณกำลังมองหาค่าสตริงใน any องค์ประกอบ HTML รวมถึงภายใน <script> และ <style> องค์ประกอบ จากนั้นเราใช้ textContent ทรัพย์สินแทน

เมื่อคุณได้ประกาศตัวแปร findJavaScriptString ที่อ้างอิงถึง <article> . ทั้งหมด องค์ประกอบ (ประกอบด้วยคำว่า JavaScript ท่ามกลางข้อความ lorem ipsum ที่ไม่มีความหมาย) มาปรับใช้ includes() วิธีการและพิมพ์ผลลัพธ์:

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

หากคุณทำทุกอย่างถูกต้องแล้ว เอาต์พุตคอนโซลของคุณควรระบุว่า "true" .