Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Joining Array Elements with join | Functional Patterns and Utilities
JavaScript Array Methods

bookJoining Array Elements with join

The join method in JavaScript is a powerful tool for converting arrays into strings. It works by concatenating all the elements of an array, inserting a specified separator between each element. This is especially useful when you need to present array data in a human-readable format, such as displaying a list of items separated by commas, spaces, or custom characters. Using join can help you create neatly formatted output for user interfaces, logs, or data exports.

12345
const words = ["JavaScript", "arrays", "are", "powerful"]; console.log(words.join(" ")); // JavaScript arrays are powerful console.log(words.join(", ")); // JavaScript, arrays, are, powerful console.log(words.join(" - ")); // JavaScript - arrays - are - powerful console.log(words.join("")); // JavaScriptarraysarepowerful
copy

Note

There is a key difference between the join and toString methods for arrays. While both convert arrays to strings, join lets you specify a custom separator, but toString always uses a comma. This makes join much more flexible for formatting array output exactly as you need.

1. What will be the result of the following code?

2. Fill in the blank to join the array elements with a slash ("/") so that the output is "2024/6/10".

question mark

What will be the result of the following code?

Select the correct answer

question-icon

Fill in the blank to join the array elements with a slash ("/") so that the output is "2024/6/10".

const dateParts = [2024, 6, 10]; console.log(dateParts.("/") );
2024/6/10

Click or drag`n`drop items and fill in the blanks

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 3

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 8.33

bookJoining Array Elements with join

Swipe um das Menü anzuzeigen

The join method in JavaScript is a powerful tool for converting arrays into strings. It works by concatenating all the elements of an array, inserting a specified separator between each element. This is especially useful when you need to present array data in a human-readable format, such as displaying a list of items separated by commas, spaces, or custom characters. Using join can help you create neatly formatted output for user interfaces, logs, or data exports.

12345
const words = ["JavaScript", "arrays", "are", "powerful"]; console.log(words.join(" ")); // JavaScript arrays are powerful console.log(words.join(", ")); // JavaScript, arrays, are, powerful console.log(words.join(" - ")); // JavaScript - arrays - are - powerful console.log(words.join("")); // JavaScriptarraysarepowerful
copy

Note

There is a key difference between the join and toString methods for arrays. While both convert arrays to strings, join lets you specify a custom separator, but toString always uses a comma. This makes join much more flexible for formatting array output exactly as you need.

1. What will be the result of the following code?

2. Fill in the blank to join the array elements with a slash ("/") so that the output is "2024/6/10".

question mark

What will be the result of the following code?

Select the correct answer

question-icon

Fill in the blank to join the array elements with a slash ("/") so that the output is "2024/6/10".

const dateParts = [2024, 6, 10]; console.log(dateParts.("/") );
2024/6/10

Click or drag`n`drop items and fill in the blanks

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 3
some-alt