List Item Joiner

Splits a list on a configurable separator (newline, comma, or a custom delimiter), then joins the resulting items into a single output string using an arbitrary glue string you choose, exactly like Array.prototype.join(). Distinct from List Separator Changer, which reparses AND rejoins using two preset separator selectors; this tool only joins, with any free-text glue. A free online tool from Staaarter, right in your browser.

Runs locallyUpdated 2026-07-27

Overview

Introduction

Joining a list's items with something other than a comma or newline, like an arrow, a pipe, or a custom word, usually means either hand-editing the text or reaching for a script.

This tool does exactly what Array.prototype.join() does in code: split a list, then glue the pieces back together with any string you choose.

What Is List Item Joiner?

A bulk text tool that splits input on a chosen separator, then joins the resulting items into one string using an arbitrary glue string.

It mirrors JavaScript's Array.prototype.join() method directly, giving you the same free-form glue behavior without writing any code.

How List Item Joiner Works

The input is split into items using the selected separator (newline, comma, or a custom delimiter).

The items are then joined into a single string with `Array.prototype.join(glue)`, inserting your chosen glue string between every pair of adjacent items.

When To Use List Item Joiner

Use it whenever you need list items combined with a delimiter that isn't one of the three preset separator kinds, like " | " or " -> ".

It's a fast way to turn a pasted list into a single sentence-like string, e.g. joining with ", and " for a natural-language listing.

Features

Advantages

  • Accepts any free-text glue string, not limited to the three preset separator kinds used elsewhere in this category.
  • Directly mirrors the well-known `Array.prototype.join()` behavior developers already expect.
  • Works on newline-, comma-, or custom-delimited input before joining.

Limitations

  • Doesn't reparse or reformat items, it takes them exactly as split; trim or clean them first if needed.
  • A single glue string is applied uniformly between every item; it can't insert a different glue for the last item (like "a, b, and c") automatically.

Examples

Joining with a pipe

Input

a
b
c

Output

a | b | c

Separator is newline; the three items are joined with the glue string " | ".

Joining with an arrow

Input

step1,step2,step3

Output

step1 -> step2 -> step3

Separator is comma; the split items are joined with the glue string " -> " instead of the default comma spacing.

Best Practices & Notes

Best Practices

  • Use List Separator Changer instead if the glue you want is actually just a different preset separator (newline, comma, or custom) rather than an arbitrary string.
  • Include surrounding spaces in the glue field itself (e.g. " | " not "|") if you want spacing around the delimiter in the output.

Developer Notes

Splits with the shared `splitListItems` helper, then calls the resulting array's native `.join(glue)` directly rather than the shared `joinListItems` helper, since the glue is arbitrary free text rather than one of the three preset `ListSeparator` kinds.

List Item Joiner Use Cases

  • Building a breadcrumb-style string like "Home > Products > Shoes" from a list of path segments
  • Turning a list into a natural-language sentence with glue like ", " or " and "
  • Joining code identifiers with "::" or "." to build a qualified name

Common Mistakes

  • Forgetting to include spaces in the glue field when spacing around the delimiter is wanted in the output.
  • Using this tool when List Separator Changer's preset comma/newline/custom rejoin would be simpler for a standard delimiter swap.

Tips

  • Leave the glue field empty to concatenate items with nothing between them.
  • Pair with List to Rows Converter if you also want the joined groups wrapped onto multiple lines.

References

Frequently Asked Questions