Using JavaScript join() method

Posted on Feb 17, 2021

Learn how you can use JavaScript join() method

The JavaScript join() method allows you to concatenate elements of an array into one string. For example, the following Array of strings will be joined as a string:

let arr = ["Hello", "World"];

let str = arr.join(" ");

console.log(str); // "Hello World"

The join() method accepts one string parameter, that will be used as the separator. Commonly you can use a space character (" ") or a comma (,):

let arr = ["Grape", "Banana", "Melon", "Orange"];

let str = arr.join(", ");

console.log(str); // "Grape, Banana, Melon, Orange"

When your array contains numbers, the join() method will coerce the numbers into a string and concatenate them together:

let arr = [1, 2, 3, 4];

let str = arr.join(", ");

console.log(str); // "1, 2, 3, 4"

Any undefined or null value will be transformed into an empty array:

let arr = ["Hello", "World", undefined, null, "!"];

let str = arr.join(" ");

console.log(str); // "Hello World   !"

Level up your programming skills

I'm sending out an occasional email with the latest programming tutorials. Drop your email in the box below and I'll send new stuff straight into your inbox!

No spam. Unsubscribe anytime.