วิธีแบ่งสตริง (Split String) ตามตัวอักษรเฉพาะใน JavaScript

ใช้เมธอด split() เพื่อแบ่งสตริงเป็นอาร์เรย์ตามตัวคั่น (delimiter) ที่กำหนด แล้วนำมารวมกลับด้วย join() พร้อมตัวคั่นใหม่

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
  <body>
    <h2>เพิ่มการขึ้นบรรทัดใหม่</h2>
    <script>
      var myArray = 'This is demo text 1!~This is demo text 2!~' +
                    '~This is demo text 3!~This is demo text 4!~' +
                    '~This is demo text 5!';
      
      document.write("Original Array: " + myArray);
      
      // แบ่งด้วย ~
      var brk = myArray.split('~');
      
      // รวมกลับด้วย <br>
      var res = brk.join(" <br> ");
      
      document.write("<br><br>" + res);
    </script>
    <p>แต่ละตัว ~ จะถูกแทนที่ด้วยการขึ้นบรรทัดใหม่ (<br>)</p>
  </body>
</html>

ไวยากรณ์ของ split()

string.split(separator, limit)

• separator - ตัวคั่น (string หรือ RegExp)
• limit - จำนวนสูงสุดขององค์ประกอบในอาร์เรย์ (ตัวเลือก)

ตัวอย่างเพิ่มเติม

แบ่งด้วยช่องว่าง

var str = 'Hello World JavaScript';
var words = str.split(' '); 
// ['Hello', 'World', 'JavaScript']

แบ่งด้วย Regular Expression

var str = 'apple,banana;orange|grape';
var fruits = str.split(/[,;|]/); 
// ['apple', 'banana', 'orange', 'grape']

จำกัดจำนวนผลลัพธ์

var str = 'a,b,c,d,e';
var limited = str.split(',', 3); 
// ['a', 'b', 'c']

แบ่งเป็นตัวอักษรแต่ละตัว

var str = 'Hello';
var chars = str.split(''); 
// ['H', 'e', 'l', 'l', 'o']

เคล็ดลับ: แปลงกลับเป็นสตริงด้วย join()

var arr = ['a', 'b', 'c'];
arr.join('-');     // 'a-b-c'
arr.join('');      // 'abc'
arr.join(', ');    // 'a, b, c'