JavaScript split(): คู่มือแบ่ง String เป็น Array แบบละเอียด

เมธอด JavaScript split() แบ่ง string ให้เป็น array ของ substrings substrings จะถูกเพิ่มเข้า array ใหม่ split() คืนค่า array ใหม่นี้

String: บทนำสรุป

Strings เป็น sequence ของตัวอักษรหนึ่งขึ้นไป อาจรวม letters, symbols, numbers ตัวอักษรแต่ละตัวเข้าถึงได้ด้วย index number เริ่มจาก 0 ตัวอย่างการ index string "Hello there":

ตัวแรก "H" index 0 ตัวสุดท้าย "e" index 10 space ก็มี index ด้วย

JavaScript Split

เมธอด split() แบ่ง string หลาย substrings เก็บใน array ใหม่ string เดิมจะถูกแบ่งโดย separator character ที่ระบุ เช่น space

Syntax:

var new_list = text.split(character, limit);

split() ต่อท้าย variable "text" แบ่งโดย separator character ที่ระบุ ผลลัพธ์ assign ให้ variable new_list

Parameter limit ระบุจำนวน substrings สูงสุดใน array สุดท้าย

ต้อง assign ผลลัพธ์ของ split() ให้ variable เพราะ split() สร้าง array ใหม่ ไม่ modify string เดิม

ตัวอย่าง: แยกชื่อ-นามสกุล

ผู้ใช้ให้ first และ last name มาใน string เดียว ใช้ split() แยกได้:

var fullName = "Forename Surname";
var fullNameSplit = fullName.split(" ");
console.log(fullNameSplit);

ผลลัพธ์: ["Forename", "Surname"]

ตอนนี้เข้าถึงแต่ละ string ใน array ด้วย index ได้:

fullNameSplit[1]; // คืนค่า "Surname"

Split String เข้า Array เดียว (ไม่ระบุ separator)

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

ไม่ระบุ separator ทำให้ไม่สร้าง substrings หลายตัว มี element เดียวคือ string ทั้งหมด

สรุป

เมธอด split() แบ่ง string เป็น array ของ substrings ใช้ทำให้คำหรือค่าใน string เข้าถึงได้โดย indexing split() แยก string ได้ด้วย character ใดๆ เช่น space หรือ comma