ใช้เมธอด Array.join() รวม elements ของอาร์เรย์เป็น string คั่นด้วย separator ที่กำหนด
Syntax
array.join(separator);
- separator (optional) – string คั่นระหว่าง elements (default = comma
",")
ตัวอย่าง
<html>
<head>
<title>JavaScript Array join Method</title>
</head>
<body>
<script>
var arr = new Array("Java", "PHP", "Ruby");
var str = arr.join();
document.write("str: " + str); // "Java,PHP,Ruby"
document.write("<br />");
var str = arr.join(", ");
document.write("str: " + str); // "Java, PHP, Ruby"
</script>
</body>
</html>
ตัวอย่างเพิ่มเติม
["a", "b", "c"].join(""); // "abc"
["a", "b", "c"].join("-"); // "a-b-c"
["a", "b", "c"].join(" | "); // "a | b | c"
[1, 2, 3].join(", "); // "1, 2, 3"
[].join(","); // "" (empty array = empty string)
[null, undefined].join(", "); // ", " (null/undefined → "")
กรณีพิเศษ
nullและundefined→ empty string""- Object →
toString()(มักได้"[object Object]") - Array nested → recursive join (ไม่แนะนำ ใช้ JSON.stringify)
ใช้ JSON.stringify() แทนเมื่อ
- อาร์เรย์มีอ็อบเจ็กต์/อาร์เรย์ซ้อน
- ต้องการ format สวย (pretty print)
- ต้องส่งไป API/Backend