Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีแปลง JavaScript Array เป็น Comma-separated List

ใช้เมธอด 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