บทนำสู่สตริงใน JavaScript

สตริงใน JavaScript เช่นเดียวกับในภาษาการเขียนโปรแกรมอื่นๆ เป็นประเภทข้อมูลที่เก็บข้อมูลในรูปแบบข้อความ การใช้งานทั่วไปสำหรับสตริงในบริบทของเว็บแอปพลิเคชันคือการเก็บข้อมูลของผู้ใช้จากแบบฟอร์ม ยกตัวอย่างแบบฟอร์มการค้นหา คำค้นหาจะถูกจัดเก็บเป็นสตริง

เมื่อป้อนข้อมูลของผู้ใช้ในแบบฟอร์มการค้นหาแล้ว การดำเนินการเปรียบเทียบบางอย่างจะดำเนินการกับสตริงที่ส่ง นี่คือการค้นหาข้อมูลประจำตัวที่ตรงกันและส่งคืนผลลัพธ์ให้กับผู้ใช้ การดำเนินการเปรียบเทียบคือตัวดำเนินการ JavaScript เช่น '=', '==', '===', '<', '>' เป็นต้น ตัวดำเนินการเหล่านี้จะคืนค่าจริงหรือเท็จหลังจากเปรียบเทียบค่าที่ถือโดยสตริง

บทความนี้เน้นที่ตัวดำเนินการความเท่าเทียมกันสำหรับสตริง คู่มือนี้จะเจาะลึกเกี่ยวกับตัวดำเนินการ JavaScript โดยทั่วไป

สตริง JavaScript คืออะไร

สตริงใน JavaScript เป็นหนึ่งในประเภทข้อมูลเนทีฟหลายประเภท เก็บค่าที่แสดงเป็นข้อความและสามารถสร้างได้หลายวิธี วิธีแรกเรียกว่าสตริงดั้งเดิม ประกอบด้วยการจัดเก็บสตริงตามตัวอักษรในตัวแปร

const stringPrim1 = 'Hello World!'
const stringPrim2 = "Hello World!"
const stringPrim3 = `Hello World!`

สตริงตามตัวอักษรสามารถห่อด้วยเครื่องหมายคำพูดเดี่ยว (‘’), เครื่องหมายคำพูดคู่ (“”) หรือ backticks (“) โปรดทราบว่าสตริง JavaScript สามารถสอดแทรกได้โดยใช้ backticks เท่านั้น การแก้ไขสตริงฝังนิพจน์ในสตริง

const name = "John"
console.log(`Hello World! My name is ${name}`)

log: "Hello World! My name is John"

เรามีตัวแปรที่เก็บสตริงที่มีค่า "John" ในตัวอย่างนี้ โดยใช้ backticks เราสามารถใช้วิธีการแก้ไขสตริง JavaScript เราสามารถอ้างอิงค่าของชื่อในลักษณะนามธรรมได้

นี่เป็นวิธีเดียวที่จะแก้ไขสตริงใน JavaScript ให้สำเร็จ หากคุณต้องการเรียนรู้วิธีเพิ่มเติม คู่มือนี้เป็นจุดเริ่มต้นที่ดี

การใช้ตัวดำเนินการเปรียบเทียบในสตริง JavaScript

เราจำเป็นต้องละเว้นความละเอียดอ่อนของตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ในสตริงเพื่อให้แบบฟอร์มการค้นหามีประสิทธิภาพ คงจะน่าเบื่อสำหรับผู้ใช้ของเรา หากข้อมูลที่ป้อนเข้ามาต้องตรงกับค่าที่จัดเก็บไว้ในฐานข้อมูลของเราทุกประการ JavaScript จัดเตรียมวิธีแก้ปัญหาด้วย toUpperCase() และ toLowerCase() วิธีการ

81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้

ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก

มาค้นหาวิดีโอลูกแมวน่ารักบนเว็บแอปวิดีโอกันเถอะ

const userInput = 'kittens'
const searchResult = 'Kittens'

console.log(userInput == searchResult)
log: false

วิธีการเขียนโปรแกรมการค้นหาเปรียบเทียบนี้จะไม่ให้ผลลัพธ์ เราทราบดีว่าอินเทอร์เน็ตเต็มไปด้วยวิดีโอเกี่ยวกับลูกแมว ดังนั้นอย่าคำนึงถึงความละเอียดอ่อนของตัวพิมพ์เล็กและตัวพิมพ์ใหญ่และส่งคืนผลลัพธ์ที่ผู้ใช้ต้องการจะค้นหา

const userInput = 'kittens'
const searchResult = 'Kittens'

console.log(userInput.toUpperCase() === searchResult.toUpperCase())
log: true

ตอนนี้เราได้แปลงสตริงทั้งสองให้เป็นอักษรตัวพิมพ์ใหญ่ทั้งหมดหลังจากป้อนข้อมูลแล้ว เราสามารถส่งคืนผลการค้นหาที่ถูกต้องได้ ผลลัพธ์เดียวกันสามารถทำได้โดยการแปลงสตริงทั้งสองเป็นอักษรตัวพิมพ์เล็กทั้งหมด

const userInput = 'kittens'
const searchResult = 'Kittens'

console.log(userInput.toLowerCase() === searchResult.toLowerCase())
log: true

ตัวอย่างนี้มีขึ้นเพื่อแสดงตรรกะเปรียบเทียบเบื้องหลังวิธีเขียนแบบฟอร์มการค้นหา มีเมธอดและโอเปอเรเตอร์อีกมากมายสำหรับสตริง JavaScript และสามารถพบได้ที่นี่

บทสรุป

ในบทนำเกี่ยวกับสตริง JavaScript เราได้พูดถึงสั้น ๆ ว่าสตริงคืออะไรและมีวิธีทำงานกับสตริงเหล่านี้อย่างไร หัวเรื่องของสตริงใน JavaScript เป็นแบบกว้างๆ การทำความเข้าใจว่าสตริงคืออะไรอาจเป็นงานง่าย แต่วิธีการที่รวมไว้เพื่อทำงานกับสตริงนั้นกว้างขวาง

หลังจากที่เข้าใจแนวคิดในบทความนี้แล้ว การใช้คำแนะนำด้านบนเพื่อสำรวจวิธีสตริงเพิ่มเติมจะเหมาะสมกว่า สตริง JavaScript เป็นประเภทข้อมูลที่จำเป็นในการทำความเข้าใจเพื่อสร้างเว็บแอปแบบไดนามิกที่มีประสิทธิภาพ