JavaScript Split:คำแนะนำทีละขั้นตอน

จาวาสคริปต์ split() วิธีการแบ่งสตริงออกเป็นอาร์เรย์ของสตริงย่อย สตริงย่อยเหล่านี้ถูกเพิ่มลงในอาร์เรย์ใหม่ split() ส่งคืนอาร์เรย์ใหม่ของสตริงย่อย

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

นั่นคือที่มาของเมธอด JavaScript split() split() แบ่งสตริงออกเป็นรายการสตริงย่อย ในคู่มือนี้ เราจะพูดถึงวิธีใช้เมธอด split() โดยอ้างอิงจากตัวอย่าง

ทบทวนสตริง

ก่อนที่เราจะเริ่มดู split() และ slice() ฟังก์ชั่นเราควรเตือนตัวเองว่าสตริงทำงานอย่างไร สตริงคือลำดับของอักขระตั้งแต่หนึ่งตัวขึ้นไปที่อาจมีตัวอักษร สัญลักษณ์ หรือตัวเลข

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

อย่างที่คุณเห็น อักขระตัวแรกในสตริงคือ "H" ซึ่งมีค่าดัชนีเป็น "0" อักขระตัวสุดท้ายคือ "e" ซึ่งมีค่าดัชนีเป็น "10" โปรดทราบว่าช่องว่างระหว่างคำสองคำมีค่าดัชนีด้วย

จาวาสคริปต์แยก

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

มาดูไวยากรณ์สำหรับเมธอดสตริง split() ของ JavaScript:

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

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

var new_list =text.split(อักขระ, ขีดจำกัด);

วิธี split() ถูกเพิ่มเข้าไปที่ส่วนท้ายของตัวแปร "text" ของเรา ตัวแปรข้อความของเราถูกแบ่งตามอักขระตัวคั่นที่เราระบุ เรากำหนดผลลัพธ์ของวิธี split() ให้กับตัวแปร JavaScript new_list

ขีดจำกัด พารามิเตอร์ระบุจำนวนสตริงย่อย JavaScript ที่คุณต้องการรวมไว้ในอาร์เรย์สุดท้ายของคุณ

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

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

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

ตัวอย่างเช่น เมื่อผู้ใช้ลงชื่อเข้าใช้บัญชี เราอาจต้องการพูดว่า "สวัสดี [ชื่อ]" แทนที่จะแสดงชื่อเต็ม

เราจะใช้อักขระช่องว่าง (ซึ่งเป็นอักขระช่องว่าง) เพื่อแยกสตริงของเรา:

var fullName = “Forename Surname”;
var fullNameSplit = fullName.split(“ “);

console.log(fullNameSplit);

รหัสนี้ส่งคืนสิ่งต่อไปนี้:

[“Forename”, “Surname”]

split() ฟังก์ชั่นได้แยกสตริงของเราออกเป็นอาร์เรย์ของสตริงย่อย ตอนนี้ เราสามารถเข้าถึงแต่ละสตริงในออบเจกต์อาร์เรย์ JavaScript โดยใช้หมายเลขดัชนี ตัวอย่างเช่น:

fullNameSplit[1];

รหัสนี้ส่งคืน:

Surname

split() วิธีการส่งกลับอาร์เรย์ที่เราสามารถดึงค่าแต่ละค่า แต่ละองค์ประกอบอาร์เรย์สอดคล้องกับคำในสตริงของเรา เราดึงค่าด้วยตำแหน่งดัชนี 1 จากอาร์เรย์ของเรา

แยกสตริง JavaScript เป็นหนึ่งอาร์เรย์

คุณสามารถใช้เมธอด split() เพื่อย้ายเนื้อหาของสตริงไปยังอาร์เรย์ พิจารณารหัสต่อไปนี้:

var name_as_list = name.split();
console.log(name_as_list);

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

บทสรุป

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

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