JavaScript Array toString() Method

What You’ll Learn

The toString() method converts an array into a comma-separated string. It is the default conversion when JavaScript needs a string from an array. This tutorial covers syntax, implicit coercion, mixed types, comparisons with join(), and five examples.

Introduction

Need a quick text snapshot of array contents? toString() joins every element with commas: "red,green,blue". It is simple, fast, and runs automatically when you concatenate an array with a string or embed it in a template literal.

The array itself is not changed—you always get a new string back. For custom separators or locale formatting, other methods are a better fit.

Understanding the toString() Method

array.toString() is defined to behave like array.join(","): each element is converted with its own toString(), then joined by a single comma with no spaces.

Empty slots in sparse arrays become empty string segments. null and undefined become empty strings in the joined result.

📝 Syntax

General form of Array.prototype.toString:

array.toString()

Parameters

• None.

Return value

• A string of elements joined by commas.

Common patterns

• arr.toString() — explicit conversion.
• String(arr) or "" + arr — implicit toString.
• `Values: ${arr}` — template literal coercion.
• arr.join(" | ") — custom separator instead.
• JSON.stringify(arr) — JSON text for data/logging.

Examples Gallery

Open DevTools Console (F12) or use Try-it labs. Example N maps to ?tryit=N.

const colors = ["red", "green", "blue", "yellow"];

const text = colors.toString();

console.log(text);
// "red,green,blue,yellow"

red,green,blue,yellow

const temps = [25, 30, 22, 18, 27];

console.log(`Today's temperatures: ${temps.toString()}`);
// "Today's temperatures: 25,30,22,18,27"

Today's temperatures: 25,30,22,18,27

const days = ["Mon", "Tue", "Wed"];

console.log("Days: " + days);
// "Days: Mon,Tue,Wed"

console.log(String(days));
// "Mon,Tue,Wed"

Days: Mon,Tue,Wed
Mon,Tue,Wed

const colors = ["red", "green", "blue"];

console.log(colors.toString());
// "red,green,blue"

console.log(colors.join(" | "));
// "red | green | blue"

red,green,blue
red | green | blue

const users = [{ name: "Alice" }, { name: "Bob" }];

console.log(users.toString());
// "[object Object],[object Object]"

console.log(users.map((u) => u.name).join(", "));
// "Alice, Bob"

[object Object],[object Object]
Alice, Bob

🚀 Common Use Cases

• Quick logging — one-line array snapshot in console messages.
• Template messages — embed lists in alert or label text.
• Legacy APIs — endpoints expecting comma-separated values.
• Debugging — fast string glance at primitive arrays.
• Implicit UI — know that "" + arr uses this method.
• When not to use — objects, nested data, or locale numbers.

📝 Notes

• Does not mutate the array.
• Equivalent to join(",") (no spaces after commas).
• Called implicitly during string coercion.
• No locale formatting—numbers stay plain (1000000 not 1,000,000).
• Objects become [object Object].
• For nested or structured data, use JSON.stringify.
• ES3—universal browser support.

💡 Best Practices