Convert the array to string. / JavaScript

# Web Site Writing Basics

# javascript

# array_ to _# Strings

Converting Array (array) to String (string) in JavaScript is easy to do using three main methods: .join (), .toString (), and using Template Literals. 🛠️ Method used to convert Array to String1.Using .join (separator) is the most recommended method because you can define a separator (separator) that will be used to connect the elements in the array together. The description result code arr.join () "Apple, Banana, Orange" uses the comma (,) as the separator. By default arr.join (') "Apple Banana Orange" uses the space () as the separator arr.join (' - ') "Apple - Banana - Orange" uses another string as the separator arr.join (') "AppleBananaOrange" uses the empty string (adjacent). Example: JavaScriptconst fruits = ["Apple," "Banana," "Orange"];

/ / Define delimiters as dashes and spaces.

const fruitString = fruit.join ('-');

console. log (fruitString);

/ / Result: "Apple - Banana - Orange"

2.Using .toString () (the easiest way), the .toString () method converts the array into a string. All elements are separated only by a comma (,) and no other separator can be defined. JavaScriptconst numbers = [10, 20, 30];

const numberString = numbers.toString ();

console. log (numberString);

/ / Result: "10,20,30"

⚠️ Caution: The result is always the same as the .join (',') call3. Using Template Literals (when complex patterns are needed), you can use Template Literals (strings covered with a backtick ') in conjunction with the .join () method when you want to embed the string obtained from the array into a longer text, JavaScriptconst colors = ["red," "green," "blue"];

/ / Use .join () first and then embed in Template Literal.

const message = 'My favorite colors are ${colors.join (', ')} and more';

console.log (message);

/ / Results: "My favorite colors are red, green, blue and more."

Summary The default delimiter method defines a delimiter, or is not suitable for .join () Comma (,) has created a string according to the desired pattern .toString () Comma (,) does not convert quickly (but is not flexible).