วิธี JavaScript String split()
- หน้าก่อน slice()
- หน้าต่อไป startsWith()
- กลับไปยังระดับเดิม คู่มืออ้างอิง JavaScript String
คำนิยามและการใช้งาน
split()
วิธีแยกข้อความเป็นตัวแปรในแบบแรงเพื่อน
split()
วิธีกลับส่งตัวแปรแบบแรงเพื่อน จะไม่เปลี่ยนแปลงข้อความเดิม
ถ้า (" ") ใช้เป็นตัวแยก ข้อความจะถูกแยกที่ระหว่างคำ
ดูเพิ่มเติม
ตัวอย่าง
ตัวอย่าง 1
แยกคำ
let text = "How are you doing today?"; const myArray = text.split(" ");
ตัวอย่าง 2
แยกคำ แล้วกลับส่งคำที่สอง
let text = "How are you doing today?"; const myArray = text.split(" "); let word = myArray[1];
ตัวอย่าง 3
แยกตัวอักษร รวมถึงช่องว่าง
const myArray = text.split("");
ตัวอย่าง 4
ใช้ตัวแปร limit
const myArray = text.split(" ", 3);
ตัวอย่าง 5
แยกข้อความเป็นตัวอักษรแล้วกลับส่งตัวอักษรที่สอง
const myArray = text.split("");
ตัวอย่าง 6
ใช้อักษรเป็นตัวแยก
const myArray = text.split("o");
ตัวอย่าง 7
ถ้าละเลยตัวแปร separator จะกลับส่งตัวแปรแบบแรงเพื่อนที่มีข้อความเดิม
const myArray = text.split();
สัญญาณ
string.split(',separator, limit)
องค์ประกอบ
องค์ประกอบ | คำอธิบาย |
---|---|
separator |
เลือกตามต้องการ ใช้สำหรับการแยกตัวแปรหรือการแยกตัวแปรเป็นตัวแทน ถ้าละเลย จะกลับส่งตัวแปรแบบแรงเพื่อนที่มีข้อความเดิม |
limit |
ใช้ได้เลือก รายการที่เกินช่วงที่กำหนดจะถูกทำให้เล็กกว่า |
ค่าที่คืนค่า
ประเภท | คำอธิบาย |
---|---|
Array | มассив (array) ที่มีค่าที่ถูกแบ่ง |
รายละเอียดเทคนิค
องค์ประกอบ separator
องค์ประกอบนี้เป็นตัวคำหรือประโยคที่ประกอบด้วยตัวแสดง และแบ่งตัวคำจากที่ที่ระบุโดยองค์ประกอบนี้ string
องค์ประกอบ limit
องค์ประกอบที่เป็นตัวเลขตัวเล็กนี้กำหนดความยาวของตัวแสดงที่คืนค่าสูงสุดของตัวแสดงที่คืนค่า ถ้ากำหนดองค์ประกอบนี้ ตัวแสดงที่คืนค่าจะไม่มากกว่าตัวเลขที่ระบุ ถ้าไม่มีการกำหนดองค์ประกอบนี้ ตัวคำทั้งหมดจะถูกแบ่ง ไม่มีความคิดถึงความยาวของตัวคำ
ค่าที่คืนค่า
คืนค่าตัวแสดงแบบมассив (array) separator ที่ระบุ string ตัวแสดงที่ทำการแบ่งตัวคำที่สร้างขึ้น separator ตัวเอง
แต่ถ้า separator หากเป็นประโยคที่ประกอบด้วยตัวแสดง (subexpression) แล้ว แบบภาพของตัวแสดงที่คืนค่ามีในจำนวนมากที่ตรงกันกับตัวแสดงที่ทำการตรวจสอบ (ไม่รวมข้อความที่ตรงกันกับประโยคทั้งหมด)
คำอธิบาย
split()
วิธีนี้จะสร้างและคืนค่าตัวแสดงแบบมассив (array) ที่มีชิ้นส่วนเป็นตัวคำที่ระบุ string ตัวแสดงที่ตรงกันกับ limit จำนวน separator ที่ตรงกันกับ string ที่คืนค่า ตัวแสดงที่คืนค่าไม่รวมตัวแสดงที่ใช้แบ่งคำ (ยกเว้นสถานการณ์ที่กล่าวไปแล้ว) ถ้าตัวแสดงที่ใช้แบ่งคำตรงกับตัวคำแรก ตัวแสดงที่แรกของตัวแสดงที่คืนค่าจะเป็นช่องว่าง คือข้อความก่อนตัวแสดงที่ใช้แบ่งคำ และอีกด้วย ถ้าตัวแสดงที่ใช้แบ่งคำตรงกับตัวคำสุดท้าย ตัวแสดงที่สุดท้ายของตัวแสดงที่คืนค่าจะเป็นช่องว่าง (เมื่อคาดเดา) limit ไม่มีข้อขัดแย้ง)
ไม่ระบุ separatorไม่เหมาะสม string การแบ่ง แบบภาพที่คืนค่ามีมีมาแค่อันเดียว และไม่แบ่งชิ้นส่วนของตัวคำ separator หากเป็นประโยคที่ว่างหรือประโยคที่ตรงกับว่าง แล้ว string ของแต่ละอักษรจะถูกแบ่ง ความยาวของตัวแสดงที่คืนค่าเท่ากับความยาวของตัวคำ (เมื่อคาดเดา) limit ไม่ต่ำกว่าความยาวนี้) (จำเป็นต้องสังเกตว่า นี่เป็นข้อพิเศษ เพราะไม่มีช่องว่างก่อนแรกและหลังสุด)
เช่นเดียวกับที่กล่าวไปแล้ว ตัวแสดงที่คืนค่าโดยวิธีนี้ไม่รวมตัวแสดงที่ใช้แบ่งคำ (delimiter) แต่ถ้า separator หากเป็นประโยคที่ประกอบด้วยตัวแสดง (subexpression) แล้ว แบบภาพของตัวแสดงที่คืนค่ามีในจำนวนมากที่ตรงกันกับตัวแสดงที่ทำการตรวจสอบ (ไม่รวมข้อความที่ตรงกันกับประโยคทั้งหมด)
ข้อเน้นตัวเลข:string.split()
การดำเนินการที่เหมือน Array.join()
การดำเนินการที่ตรงกันข้าม
การสนับสนุนของเบราเซอร์
split()
เป็นคุณสมบัติของ ECMAScript1 (ES1)。
ทั้งหมดเบราเซอร์สนับสนุน ES1 (JavaScript 1997):
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน slice()
- หน้าต่อไป startsWith()
- กลับไปยังระดับเดิม คู่มืออ้างอิง JavaScript String