w3resource

JavaScript: Join all elements of an array into a string and returns this string

JavaScript fundamental (ES6 Syntax): Exercise-182 with Solution

Write a JavaScript program to join all elements of an array into a string and returns this string.

Uses a separator and an end separator.

  • Use Array.prototype.reduce() to combine elements into a string.
  • Omit the second argument, separator, to use a default separator of ','.
  • Omit the third argument, end, to use the same value as separator by default.

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2 
const join = (arr, separator = ',', end = separator) =>
  arr.reduce(
    (acc, val, i) =>
      i === arr.length - 2
        ? acc + val + end
        : i === arr.length - 1
          ? acc + val
          : acc + val + separator,
    ''
  );
console.log(join(['pen', 'pineapple', 'apple', 'pen'], ',', '&'));
console.log(join(['pen', 'pineapple', 'apple', 'pen'], ','));
console.log(join(['pen', 'pineapple', 'apple', 'pen']));

Sample Output:

pen,pineapple,apple&pen
pen,pineapple,apple,pen
pen,pineapple,apple,pen

Pictorial Presentation:

JavaScript Fundamental: Join all elements of an array into a string and returns this string.
JavaScript Fundamental: Join all elements of an array into a string and returns this string.

Flowchart:

flowchart: Join all elements of an array into a string and returns this string

Live Demo:

See the Pen javascript-basic-exercise-182-1 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to get the last element from an given array.
Next: Write a JavaScript program to check if the provided argument is a valid JSON.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Share this Tutorial / Exercise on : Facebook and Twitter

JavaScript: Tips of the Day

data storage

sessionStorage.setItem('cool_secret', 123);

The data stored in sessionStorage is removed after closing the tab.
If you used localStorage, the data would've been there forever, unless for example localStorage.clear() is invoked.

Ref: https://bit.ly/323Y0P6