ตัดแต่ง JavaScript:คำแนะนำทีละขั้นตอน

JavaScript trim() วิธีการลบอักขระช่องว่างจากจุดเริ่มต้นและจุดสิ้นสุดของสตริง เมธอด trimLeft() และ trimStart() จะตัดอักขระช่องว่างสีขาวจากจุดเริ่มต้นของสตริง trimRight() และ trimEnd() ตัดช่องว่างสีขาวจากส่วนท้ายของสตริง

คุณอาจต้องการลบช่องว่างสีขาว เช่น ช่องว่าง แท็บ หรือการขึ้นบรรทัดใหม่ จากจุดเริ่มต้นหรือจุดสิ้นสุดของสตริง ตัวอย่างเช่น สมมติว่าคุณมีสตริงชื่อลูกค้า คุณอาจต้องการตรวจสอบให้แน่ใจว่าไม่มีการเว้นวรรคเพิ่มเติมที่ส่วนท้ายของแต่ละชื่อ

นั่นคือสิ่งที่ JavaScript trim() ฟังก์ชั่นเข้ามา trim() ฟังก์ชันลบอักขระช่องว่างจากจุดเริ่มต้นและจุดสิ้นสุดของสตริง

มีฟังก์ชันบางอย่างที่เกี่ยวข้องกับ trim() ที่คุณอาจต้องการใช้:

• trimLeft()
• trimStart()
• trimRight()
• trimEnd()

ในบทช่วยสอนนี้ เราจะมาสำรวจการทำงานของ JavaScript trim() และวิธีการทำงาน นอกจากนี้ เราจะพิจารณาฟังก์ชันที่เกี่ยวข้องทั้งสี่ที่คุณอาจต้องการใช้แทนหรือเพิ่มเติมจาก trim()

JavaScript trim() สตริง

JavaScript trim() วิธีการลบช่องว่างสีขาวออกจากจุดเริ่มต้นและจุดสิ้นสุดของสตริง trim() วิธีการสร้างสตริงใหม่ trim() ไม่ยอมรับข้อโต้แย้งใด ๆ วิธีการนี้ถูกเพิ่มที่ส่วนท้ายของสตริง

นี่คือไวยากรณ์สำหรับเมธอด trim():

var ourString = "Test    ":

ourString.trim();

รหัสนี้จะลบช่องว่างสีขาวทั้งหมดจากจุดเริ่มต้นและจุดสิ้นสุดของสตริงของเรา มีเพียงช่องว่างสีขาวที่ส่วนท้ายของสตริงของเรา ดังนั้นอักขระเหล่านี้จึงถูกลบออกเท่านั้น trim() ส่งกลับสตริงใหม่ เนื่องจากสตริง JavaScript ไม่สามารถเปลี่ยนแปลงได้ ดังนั้นจึงไม่สามารถเปลี่ยนแปลงได้

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

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

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

การตัดแต่งสายอาจมีประโยชน์ในสถานการณ์ต่างๆ

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

trim() ตัวอย่าง JavaScript

นี่คือตัวอย่างการทำงานของฟังก์ชัน trim() JavaScript:

var studentName = "Benjamin     ";
console.log(studentName.trim());

ค่าที่กำหนดให้กับตัวแปร JavaScript “studentName” จะมีช่องว่างจำนวนหนึ่งที่ส่วนท้าย ด้วยการใช้ฟังก์ชันตัดแต่ง เราสามารถลบช่องว่างเหล่านั้นได้

trim() วิธีการส่งกลับสตริงใหม่ไปยังคอนโซล JavaScript:

“Benjamin”

trim() วิธีการลบอักขระช่องว่างที่ส่วนท้ายของสตริงของเรา trim() จะไม่เปลี่ยนสตริงเดิมของเรา หากเราต้องการเก็บสตริงของเราในรูปแบบที่ถูกตัดแต่ง เราจะต้องสร้างตัวแปรใหม่เพื่อเก็บสตริงของเรา:

var studentName = "Benjamin     ";
var trimmedStudentName = studentName.trim();
console.log(trimmedStudentName);

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

JavaScript trim() วิธีการเพิ่มเติม

โปรดทราบว่าฟังก์ชัน trim() จะลบช่องว่างจากจุดเริ่มต้นและจุดสิ้นสุดของสตริง

หากคุณต้องการลบช่องว่างจากจุดเริ่มต้นหรือจุดสิ้นสุดของสตริง คุณไม่ควรใช้ฟังก์ชัน trim() มีฟังก์ชันแบบกำหนดเองที่คุณสามารถใช้เพื่อจุดประสงค์นี้ได้

สมมติว่าคุณต้องการลบอักขระช่องว่างออกจากจุดเริ่มต้นของสตริง คุณสามารถทำได้โดยใช้ trimStart() หรือ trimLeft() หากคุณต้องการลบอักขระช่องว่างออกจากส่วนท้ายของสตริง คุณสามารถใช้ trimEnd() หรือ trimRight()

JavaScript trimStart() และ trimLeft()

สมมติว่าเราต้องการลบอักขระช่องว่างออกจากจุดเริ่มต้นของสตริง เรามีชื่อแล้ว และเราต้องการลบอักขระช่องว่างบางส่วนออกจากชื่อนั้น นี่คือตัวอย่างการทำงานของ trimStart() และ trimLeft() เพื่อช่วยให้เราทำงานนี้สำเร็จ:

var studentName = "     Benjamin     ";
console.log(studentName.trimStart());
console.log(studentName.trimLeft());

รหัสของเราส่งคืน:

"     Benjamin"
"     Benjamin"

โปรดสังเกตว่าโค้ดของเราลบช่องว่างจากจุดเริ่มต้นของสตริงเท่านั้น เนื่องจากเราใช้เมธอด trimStart() และ trimLeft()

JavaScript trimEnd() และ trimRight()

ในทำนองเดียวกัน สมมติว่าเราต้องการลบช่องว่างออกจากส่วนท้ายของสตริงของเรา เราสามารถใช้เมธอด trimEnd() หรือ trimRight() เพื่อทำสิ่งนี้:

var studentName = "     Benjamin     ";
console.log(studentName.trimEnd());
console.log(studentName.trimRight());

รหัสของเราส่งคืน:

"Benjamin     "
"Benjamin     "

เราลบช่องว่างสีขาวออกจากส่วนท้ายของสตริงเรียบร้อยแล้ว แต่ช่องว่างที่จุดเริ่มต้นของสตริงยังคงอยู่

บทสรุป

JavaScript trim() ฟังก์ชันลบช่องว่างสีขาวจากจุดเริ่มต้นและจุดสิ้นสุดของสตริง trim() ถูกเพิ่มที่ส่วนท้ายของสตริง วิธีการนี้ไม่ยอมรับข้อโต้แย้งใดๆ

คุณสามารถลบช่องว่างออกจากปลายเฉพาะของสตริงได้โดยใช้ trimStart() , trimLeft(), trimEnd() และเมธอด trimRight()

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