วิธีใช้สตริงย่อยใน JavaScript

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

สตริงย่อยเป็นส่วนที่เล็กกว่าของสตริงที่ใหญ่กว่า โปรแกรมเมอร์ใช้สตริงย่อยเพื่อดึงข้อมูลเฉพาะที่ต้องการจากสตริง

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

หรือคุณสามารถแยกสตริงเพื่อให้ได้ตัวอักษรสองตัวแรกของชื่อผู้ใช้ ในคู่มือนี้ เราจะศึกษาวิธีการใช้สตริงย่อยใน JavaScript

วิธีใช้ JavaScript Substring Method

JavaScript substring() วิธีการแยกส่วนของสตริงระหว่างสองค่าดัชนี หากไม่มีค่าดัชนีที่สอง substring() จะดึงอักขระทั้งหมดหลังหมายเลขดัชนีเฉพาะ

substring() วิธีการยอมรับสองอาร์กิวเมนต์:

• ตำแหน่งที่สตริงย่อยควร เริ่มต้น; และ
• ตำแหน่งที่สตริงย่อยควร หยุด .

มาดูไวยากรณ์ของวิธีนี้กัน:

"test".substring(start, end);

substring() วิธีการต่อท้ายสตริง จำเป็นต้องใช้พารามิเตอร์ start เท่านั้นเพื่อให้เมธอด substring() ทำงานได้

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

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

ตัวอย่าง JavaScript สตริงย่อย

ดึงอักขระไปยังจุดสิ้นสุดของสตริง

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

const catName = "Pickles";
const newCatName = catName.substring(2);
console.log(newCatName);

ในโค้ดบรรทัดแรก เรากำหนดตัวแปรชื่อ catName เรากำหนดค่าตัวแปรนี้ Pickles . ต่อไป เรากำหนดตัวแปร JavaScript ที่ได้รับสตริงย่อยจากตัวแปร catName .

เราใช้ 2 เป็นพารามิเตอร์ใน substring() กระบวนการ. ซึ่งหมายความว่าเมธอดจะส่งกลับทุกตัวอักษรหลังจากดัชนีที่สองในสตริง นี่คือผลลัพธ์สำหรับตัวอย่างของเรา:

ckles

ตอนนี้เราสามารถเห็นตัวอักษรทั้งหมดที่ปรากฏขึ้นหลังตำแหน่งดัชนี 2

ดึงตัวละครในช่วง

หากเราต้องการรับส่วนหนึ่งของสตริงที่เริ่มต้นจากอักขระและสิ้นสุดที่อักขระอื่น เราควรส่งค่าสองค่าไปที่ substring() อาร์กิวเมนต์แรกคืออักขระเริ่มต้น และตัวที่สองคืออักขระสิ้นสุด

มาดึงตัวอักษรสามตัวแรกของชื่อแมวของเรา:

const catName = "Pickles";
const newCatName = catName.substring(0,2);
console.log(newCatName);

ผลลัพธ์สำหรับตัวอย่างข้างต้นมีดังนี้:

Pic

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

เรียกตัวละครตัวสุดท้าย

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

const catName = "Pickles";
const newCatName = catName.substring(catName.length -1, catName.length);
console.log(newCatName);

ผลลัพธ์จะเป็นดังนี้:

s

ในตัวอย่างนี้ catName.length รับความยาวของสตริงของเรา—จำนวนอักขระที่มี—และส่งกลับอักขระตัวสุดท้ายในสตริง

บทสรุป

JavaScript substring() วิธีการส่งกลับอักขระระหว่างสองค่าดัชนีในรายการ หากคุณไม่ได้ระบุค่าดัชนีสิ้นสุด substring() จะส่งกลับอักขระทั้งหมดหลังจากตำแหน่งดัชนีที่กำหนด

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

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