วิธีตัดแต่งซ้ายและตัดแต่งสตริงขวาใน JavaScript

Withi Tad Taeng Say Laea Tad Taeng String Khwa Ni Javascript



เช่นเดียวกับภาษาโปรแกรมอื่น ๆ ใน JavaScript สตริงเป็นรูปแบบที่สำคัญของตัวแปร และนักพัฒนามักจำเป็นต้องแก้ไขหรือแก้ไขสตริงเพื่อให้เป็นไปตามข้อกำหนด เช่น การลบช่องว่างส่วนเกินออกจากสตริง ซึ่งรวมถึง ' แท็บ ”, “ ช่องว่าง ”, “ ตัวต่อท้ายบรรทัด ” จากจุดเริ่มต้นหรือจุดสิ้นสุดหรือทั้งสองด้านของสตริง

บทความนี้จะอธิบายวิธีการตัดแต่งสตริงจากด้านขวาหรือด้านซ้ายใน JavaScript







วิธีการตัดแต่งด้านซ้ายและสตริงการตัดแต่งด้านขวาใน JavaScript?

สำหรับการตัดแต่งสตริงซ้ายหรือขวา JavaScript มีวิธีการในตัว ซึ่งรวมถึง:



    • trim() วิธีการ
    • trimLeft() วิธีการ
    • trimRight() วิธีการ

มาลองดูกันทีละคน!



วิธีการใช้ trim () วิธีการใน JavaScript?

ตัดแต่ง() เมธอด ” ไม่ได้แก้ไขสตริงดั้งเดิม แต่จะลบเฉพาะอักขระช่องว่างจากทั้งสองด้าน จุดเริ่มต้น และจุดสิ้นสุดของสตริง





ไวยากรณ์

ทำตามไวยากรณ์ที่กำหนดสำหรับการใช้เมธอด trim() เพื่อตัดแต่งสตริง:



string.trim ( ) ;


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

ตัวอย่าง

อันดับแรก เราจะสร้าง “ สตริง ” ที่มีช่องว่างสีขาวเพิ่มเติมที่จุดเริ่มต้นและจุดสิ้นสุดของสตริง:

var string = '  ยินดีต้อนรับสู่ LinuxHint       ' ;


จากนั้นเรียกใช้เมธอด trim() และเก็บสตริงผลลัพธ์ในตัวแปร ' คำตอบ ”:

var ตอบ = string.trim ( ) ;


สุดท้าย พิมพ์สตริงผลลัพธ์บนคอนโซลโดยใช้ ' console.log() ' กระบวนการ:

console.log ( คำตอบ ) ;


ตอนนี้เราใช้ ' ความยาว ” คุณสมบัติที่ส่งคืนความยาวของสตริงก่อนและหลังการตัดแต่ง:

console.log ( 'ความยาวของสตริงจริงคือ' + string.length ) ;
console.log ( 'ความยาวของสตริงผลลัพธ์คือ' + answer.length ) ;


ดังที่คุณเห็นในผลลัพธ์ ความยาวของสตริงจริงคือ “ 33 ” ซึ่งมีช่องว่างและความยาวของสตริงผลลัพธ์คือ “ 24 ” สิ่งนี้ระบุว่าช่องว่างสีขาวตั้งแต่เริ่มต้นและสิ้นสุดของสตริงถูกตัดแต่งเรียบร้อยแล้ว:


หากคุณต้องการลบช่องว่างจากจุดเริ่มต้นของสตริงเท่านั้น ให้ทำตามส่วนด้านล่าง

จะใช้วิธี trimLeft () ใน JavaScript ได้อย่างไร

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

ไวยากรณ์

ใช้ไวยากรณ์ต่อไปนี้เพื่อตัดแต่งสตริงจากด้านซ้ายหรือจุดเริ่มต้นของสตริง:

string.trimLeft ( ) ;


ตัวอย่าง

ก่อนอื่นเราจะสร้างสตริงที่มีช่องว่างสามช่องที่จุดเริ่มต้นของสตริงและเหมือนกันที่ส่วนท้ายของสตริง:

var string = '   ยินดีต้อนรับสู่ LinuxHint   ' ;


ตอนนี้ เรียกเมธอด trimLeft() เพื่อตัดช่องว่างจากด้านซ้ายหรือจุดเริ่มต้นของสตริง:

var ตอบ = string.trimLeft ( ) ;


สุดท้าย พิมพ์สตริงบนคอนโซล:

console.log ( คำตอบ ) ;


ตรวจสอบความยาวของสตริงก่อนและหลังการตัดแต่งโดยใช้ “ ความยาว ” คุณสมบัติของสตริง:

console.log ( 'ความยาวของสตริงจริงคือ' + string.length ) ;
console.log ( 'ความยาวของสตริงผลลัพธ์คือ' + answer.length ) ;


ผลลัพธ์แสดงให้เห็นว่า “ trimLeft() ” วิธีการตัดแต่งช่องว่างสีขาวที่จุดเริ่มต้นของสตริงได้สำเร็จ:


คุณยังสามารถใช้ “ trimStart() ” แทนวิธี trimLeft() เพื่อจุดประสงค์เดียวกัน:

var ตอบ = string.trimStart ( ) ;


มันให้ผลลัพธ์เช่นเดียวกับเมธอด trimLeft():


ต้องการทราบวิธีการลบช่องว่างพิเศษออกจากด้านขวาของสตริงโดยเฉพาะหรือไม่? ทำตามวิธีที่ให้มา

จะใช้วิธี trimRight () ใน JavaScript ได้อย่างไร

หากต้องการตัดสตริงจากด้านขวาของสตริง ให้ใช้ JavaScript ที่กำหนดไว้ล่วงหน้า ' trimRight() ” ซึ่งเรียกอีกอย่างว่า “ trimEnd() ' กระบวนการ. ส่วนใหญ่จะใช้เพื่อลบช่องว่างจากปลายสายหรือจากด้านขวาของสายอักขระ

ไวยากรณ์

ไวยากรณ์สำหรับเมธอด trimRight() มีดังนี้:

string.trimRight ( ) ;


ตัวอย่าง

ตอนนี้เราจะใช้สตริงเดียวกันและกำจัดช่องว่างจากด้านขวาของสตริงโดยเรียก ' trimRight() ' กระบวนการ:

var ตอบ = string.trimRight ( ) ;


จะเห็นได้จากผลลัพธ์ที่มีการลบช่องว่างเพิ่มเติมจากส่วนท้ายของสตริง:


ตอนนี้ใช้ ' trimEnd() ” แทนวิธี trimRight() สำหรับสถานการณ์เดียวกัน:

var ตอบ = string.trimEnd ( ) ;


เอาท์พุต


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

บทสรุป

สำหรับสตริงการตัดแต่งด้านซ้ายและขวาใน JavaScript ให้ใช้วิธีการที่กำหนดไว้ล่วงหน้าของ JavaScript รวมถึง ' ตัดแต่ง() ' กระบวนการ, ' trimLeft( )' หรือ ' trimStart() ” วิธีการ และ “ trimRight() ' หรือ ' trimEnd() ' กระบวนการ. เมธอด trim() ตัดแต่งสตริงจากทั้งด้านซ้ายและด้านขวาของสตริง เมธอด trimLeft() หรือ trimStart() จะตัดแต่งสตริงตั้งแต่เริ่มต้น ขณะที่เมธอด trimRight() หรือ trimEnd() จะตัดแต่งสตริง จากจุดสิ้นสุด ในบทความนี้ เราได้อธิบายขั้นตอนการตัดแต่งสตริงจากด้านขวาหรือด้านซ้ายพร้อมตัวอย่างโดยละเอียด