JavaScript 陣列轉字串：join() 與 toString() 完整用法與差異比較

需求

var a = [1, 2, 4];
// 目標：得到 "1,2,4" 或 "1, 2, 4"

方法一：join(separator) — 彈性最高 (推薦)

var b = a.join(',');    // "1,2,4"  無空格
var c = a.join(', ');   // "1, 2, 4" 有空格
var d = a.join(' | ');  // "1 | 2 | 4" 自訂分隔符
var e = a.join('');     // "124"   直接連接

• 參數為分隔字串，預設為逗號 ','。
• 不修改原陣列，回傳新字串。

方法二：toString() — 固定格式

var f = a.toString(); // "1,2,4" 等同 a.join(',')

• 內部實際呼叫 join() (無參數)。
• 無法自訂分隔符。

方法三：手動迴圈 (教學用，實務不推薦)

var result = '';
for (var i = 0; i < a.length; i++) {
    result += a[i];
    if (i < a.length - 1) result += ',';
}

進階：陣列元素為物件時

var users = [{name: 'A'}, {name: 'B'}];
var names = users.map(u => u.name).join(', '); // "A, B"

效能與相容性

• join、toString 均為 ES3 標準，全瀏覽器支援。
• 大陣列 (10萬+) 兩者效能相近，均為 O(n)。

總結建議

預設使用 join(',')，語意清晰且可擴充。僅在極簡代碼 (Code Golf) 時用 toString() 節省字元。