ในจาวาสคริปต์ เราสามารถ แยก สตริงใน 3 วิธี วิธีหนึ่งเป็นวิธีเก่าที่ string.split() มีการใช้เมธอดและต่อมา ES6 ได้จัดเตรียมวิธีแยกสตริงอีก 2 วิธี วิธีแรก ตัวดำเนินการกระจาย ถูกใช้และในทางที่สองarray.from() ใช้วิธี มาพูดคุยกันโดยละเอียด
String.split()
ไวยากรณ์
string.split();
ตัวอย่าง
ในตัวอย่างต่อไปนี้ string.split() เมธอดใช้เพื่อแยกสตริงที่ระบุเป็นอักขระแต่ละตัว
<html> <body> <script> const str = 'Tutorialspoint' var d = str.split('') document.write(d); </script> </body> </html>
ผลลัพธ์
T,u,t,o,r,i,a,l,s,p,o,i,n,t
ตัวดำเนินการสเปรด
ไวยากรณ์
[...string];
ตัวอย่าง
ในตัวอย่างต่อไปนี้ตัวดำเนินการสเปรด ES6 ใช้เพื่อ แยก สตริงที่ให้ไว้ในอักขระแต่ละตัวและแต่ละตัว การใช้งานนั้นง่ายมากเมื่อเปรียบเทียบกับ string.split() กระบวนการ.
<html> <body> <script> const str = 'Tutorix' var d = [...str] document.write(d); </script> </body> </html>
ผลลัพธ์
T,u,t,o,r,i,x
Array.from()
ไวยากรณ์
Array.from(str);
ตัวอย่าง
ในตัวอย่างต่อไปนี้ ES6 Array.from() ใช้เพื่อ แยก สตริงที่ให้ไว้ในอักขระแต่ละตัวและแต่ละตัว มันทำงานเหมือนกับ string.repeat() วิธีการ
<html> <body> <script> const str = 'Tutorix and Tutorialspoint' var d = Array.from(str); document.write(d); </script> </body> </html>
ผลลัพธ์
T,u,t,o,r,i,x, ,a,n,d, ,T,u,t,o,r,i,a,l,s,p,o,i,n,t