วิธีตัดสตริงหลังอักขระเฉพาะใน JavaScript

คู่มือนี้จะอธิบายขั้นตอนการตัดแต่งสตริงหลังอักขระที่ระบุ

จะตัดสตริงหลังจากอักขระเฉพาะใน JavaScript ได้อย่างไร

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

• สตริงย่อย () วิธีการ
• slice() วิธีการ
• split() วิธีการ

มาดูกันว่าแต่ละวิธีทำงานอย่างไร

วิธีที่ 1: ตัดสตริงหลังจากอักขระเฉพาะโดยใช้สตริงย่อย () วิธี

“ สตริงย่อย () ” เป็นเมธอด JavaScript ที่กำหนดไว้ล่วงหน้าซึ่งเป็นของอ็อบเจ็กต์ประเภทสตริง จะแสดงสตริงย่อยของสตริงเป็นเอาต์พุต เมธอดนี้ใช้พารามิเตอร์สองตัว ได้แก่ การเริ่มต้นและดัชนีสิ้นสุด และส่งกลับสตริงใหม่เป็นเอาต์พุตโดยแยกส่วนที่ระบุของสตริงเป็นสตริงย่อย นอกจากนี้ ดัชนีเริ่มต้นรวมอยู่ด้วย ในขณะที่ดัชนีสิ้นสุดไม่รวมอยู่ในสตริงผลลัพธ์

ไวยากรณ์
ทำตามไวยากรณ์ที่ระบุด้านล่างสำหรับการใช้เมธอด substring():

ที่นี่, ' 0 ” เป็นดัชนีเริ่มต้นของสตริง และ “ string.indexOf (อักขระ) ” คือดัชนีสิ้นสุดของสตริงที่แยกออกมา ซึ่งหมายถึงดัชนีของอักขระที่ระบุซึ่งจะไม่รวมอยู่ในสตริงผลลัพธ์

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

จากนั้นเรียกใช้เมธอด substring() โดยส่งดัชนีเริ่มต้นและสิ้นสุดของสตริง เพื่อจุดประสงค์นี้ ให้เรียกใช้เมธอด indexOf() เพื่อรับช่องว่างเป็นอาร์กิวเมนต์:

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

ดังที่คุณเห็นว่าผลลัพธ์จะตัดสตริงที่เหลือหลังจากได้รับช่องว่างแรก:

ไปที่วิธีอื่นกันเถอะ!

วิธีที่ 2: ตัดสตริงหลังจากอักขระเฉพาะโดยใช้ slice() Method

สำหรับการตัดแต่งสตริงหลังอักขระเฉพาะ ให้ใช้ JavaScript “ ชิ้น() ' กระบวนการ. เริ่มต้นและดัชนีสุดท้ายเป็นพารามิเตอร์และส่งออกสตริงใหม่โดยแยกส่วนของสตริงตามดัชนีที่ระบุ ในฐานะดัชนีสุดท้าย เราจะใช้เมธอด indexOf() โดยส่งอักขระที่จะส่งคืนดัชนีของอักขระที่ระบุ

ไวยากรณ์
ทำตามไวยากรณ์ที่ให้ไว้ด้านล่างสำหรับเมธอด slice():

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

เรียกใช้เมธอด slice() โดยส่งอักขระ “ @ ” เป็นข้อโต้แย้ง:

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

ผลลัพธ์แสดงว่าสตริงถูกตัดสำเร็จหลังจากอักขระที่ระบุ “ @ ”:

ลองใช้วิธีอื่นในการตัดสตริงตามอักขระที่ระบุ

วิธีที่ 3: ตัดสตริงหลังจากอักขระเฉพาะโดยใช้ split() Method

มีวิธีการ JavaScript อื่นในการตัดสตริงหลังอักขระเฉพาะที่เรียกว่า “ แยก() ' กระบวนการ. มันให้สตริงหลังจากแยกเป็นอาร์เรย์ของสตริงย่อย วิธีนี้จะแยกสตริงออกเป็นสองส่วน ส่วนหนึ่งก่อนอักขระและอีกส่วนหลังอักขระ

ไวยากรณ์
ทำตามไวยากรณ์ที่กล่าวถึงด้านล่างเพื่อใช้เมธอด split():

ที่นี่, ' ตัวคั่น ' และ ' ขีดจำกัด ” คือพารามิเตอร์สองตัวที่ส่งผ่านเป็นอาร์กิวเมนต์ของเมธอด split() พารามิเตอร์ที่สองเป็นทางเลือก ในขณะที่พารามิเตอร์แรกใช้เพื่อแยกสตริง นอกจากนี้ ขีดจำกัดยังระบุจำนวนการแยกที่มี

ตัวอย่าง
ตอนนี้เรียก split() วิธีการโดยผ่านตัวคั่น ' @ ” ซึ่งใช้ในการแยกสตริง เราได้ระบุดัชนี 0 เพื่อรับสตริงย่อยก่อนอักขระที่ระบุ:

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

ผลลัพธ์แสดงว่าสตริงถูกตัดแต่งเรียบร้อยแล้ว:

เราได้รวบรวมเมธอด JavaScript ทั้งหมดสำหรับการตัดสตริงหลังอักขระบางตัว

บทสรุป

หากต้องการตัดสตริงหลังอักขระเฉพาะ คุณสามารถใช้เมธอด substring() เมธอด slice() หรือ split() เมธอด slice() และ substring() ทำงานเหมือนกับการแยกสตริงโดยการตัดส่วนอื่นๆ ตามอักขระที่ระบุ ในคู่มือนี้ เราได้อธิบายขั้นตอนในการตัดสตริงตามอักขระบางตัวพร้อมตัวอย่างที่เหมาะสม