w3resource

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

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

Join Array with End Separator

Write a JavaScript program to join all elements of an array into a string and return this string. Use 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:

// Define a function 'join' that concatenates elements of an array 'arr' into a single string
// with specified 'separator' between elements and 'end' at the end of the string
const join = (arr, separator = ',', end = separator) =>
  // Reduce the array into a single string
  arr.reduce(
    (acc, val, i) =>
      // If it's the second last element, concatenate 'end' instead of 'separator'
      i === arr.length - 2
        ? acc + val + end
        // If it's the last element, concatenate only the value without 'separator' or 'end'
        : i === arr.length - 1
          ? acc + val
          // Concatenate the value with 'separator'
          : acc + val + separator,
    '' // Start with an empty string
  );

// Print the joined string with specified separator ',' and end '&'
console.log(join(['pen', 'pineapple', 'apple', 'pen'], ',', '&'));
// Print the joined string with specified separator ','
console.log(join(['pen', 'pineapple', 'apple', 'pen'], ','));
// Print the joined string with default separator ',' and default end ','
console.log(join(['pen', 'pineapple', 'apple', 'pen']));

Output:

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

Visual 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.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://www.w3resource.com/javascript-exercises/fundamental/javascript-fundamental-exercise-182.php