ฉันจะแบ่งสตริง JavaScript ด้วยช่องว่างหรือลูกน้ำได้อย่างไร

ถ้าฉันพยายาม

"my, tags are, in here".split(" ,")

ฉันได้รับสิ่งต่อไปนี้

[ 'my, tags are, in here' ]

ในขณะที่ฉันต้องการ

['my', 'tags', 'are', 'in', 'here']

String.split ยังสามารถยอมรับนิพจน์ทั่วไป:

input.split(/[ ,]+/);

นิพจน์ทั่วไปนี้แยกตามลำดับของเครื่องหมายจุลภาคหรือช่องว่างอย่างน้อยหนึ่งช่องดังนั้นเช่นช่องว่างติดต่อกันหลายช่องหรือลำดับลูกน้ำ + ช่องว่างจะไม่ทำให้เกิดองค์ประกอบว่างในผลลัพธ์

คำแนะนำในการใช้.split(/[ ,]+/)เป็นสิ่งที่ดี แต่ด้วยประโยคที่เป็นธรรมชาติไม่ช้าก็เร็วคุณจะได้รับองค์ประกอบว่างในอาร์เรย์ เช่น['foo', '', 'bar'].

ซึ่งก็ใช้ได้ถ้าเป็นกรณีการใช้งานของคุณ แต่ถ้าคุณต้องการกำจัดองค์ประกอบที่ว่างเปล่าคุณสามารถทำได้:

var str = 'whatever your text is...';
str.split(/[ ,]+/).filter(Boolean);

คุณสามารถใช้ regex เพื่อจับพื้นที่สีขาวตามความยาวและสิ่งนี้จะเป็นดังนี้:

var text = "hoi how     are          you";
var arr = text.split(/\s+/);

console.log(arr) // will result : ["hoi", "how", "are", "you"]

console.log(arr[2]) // will result : "are" 

"my, tags are, in here".split(/[ ,]+/)

ผลลัพธ์คือ:

["my", "tags", "are", "in", "here"]

input.split(/\s*[\s,]\s*/)

… \s*จับคู่อักขระเว้นวรรคสีขาวตั้งแต่ศูนย์ขึ้นไป (ไม่ใช่เฉพาะช่องว่าง แต่รวมถึงแท็บและบรรทัดใหม่ด้วย)

... [\s,]จับคู่อักขระช่องว่างหนึ่งตัวหรือหนึ่งลูกน้ำ

หากคุณต้องการหลีกเลี่ยงองค์ประกอบว่างจากอินพุตเช่น"foo,bar,,foobar"นี้จะทำเคล็ดลับ:

input.split(/(\s*,?\s*)+/)

+ตรงกับหนึ่งหรือมากกว่าของตัวละครก่อนหรือกลุ่ม

แก้ไข:

เพิ่ม?หลังเครื่องหมายจุลภาคซึ่งตรงกับศูนย์หรือหนึ่งลูกน้ำ

แก้ไข 2:

ปรากฎว่าการแก้ไข 1 เป็นข้อผิดพลาด ซ่อมมัน. ตอนนี้ต้องมีอย่างน้อยหนึ่งลูกน้ำหรือหนึ่งช่องว่างเพื่อให้นิพจน์ค้นหารายการที่ตรงกัน

เมื่อฉันต้องการพิจารณาอักขระพิเศษเช่นเครื่องหมายจุลภาคของคุณ (ในกรณีของฉันแต่ละโทเค็นอาจถูกป้อนด้วยเครื่องหมายคำพูด) ฉันจะสร้าง string.replace () เพื่อเปลี่ยนตัวคั่นอื่น ๆ ให้เป็นช่องว่างแล้วแบ่งช่องว่าง