How to Join JavaScript array of string

Question

I have an array of string variable object in this format:

["QA testing promotion ", " Twitter ", "Facebook ", "Test"]

I need to convert it into:

"QA-testing-promotion-Twitter-Facebook-Test"

Any ideas how to do this?

["QA testing promotion ", " Twitter ", "Facebook ", "Test"].join(' ').split(' ').filter(function(item) {return item.length > 0}).join('-'), logic: 1. join to get a big string. 2. split by ' ', 3. filter out empty strings 4. join again, this time, by -. — fuyushimoya
– fuyushimoya, Commented Sep 9, 2015 at 15:27

Community · Accepted Answer · 2017-05-23 12:14:40Z

3

UPDATE: Thanks to @torazaburo's advice, we can use /\s+/ to split the concatenated string by 1 or more spaces, thus avoid the .filter part of my original answer, then the code would be:

var result = 
     ["QA testing promotion ", " Twitter ", "Facebook ", "Test"]
      .join(' ')                                                // concate to get full string
      .split(/\s+/)                                        // split by `1 or more` space to create a new array.
      .join('-');                                             // join them again with '-'

console.log(result);

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered Sep 9, 2015 at 15:29

fuyushimoya

9,8133 gold badges30 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user663031 Over a year ago

Why not split by /\s+/ to avoid having to do the filter?

fuyushimoya Over a year ago

@torazaburo I'm not familiar with regex, thanks for the advice, I'll update my answer.

Nina Scholz · Accepted Answer · 2015-09-09 15:44:05Z

1

Just join the whole array with space and replace all non word items with dash.

document.write(
    ["QA testing promotion ", " Twitter ", "Facebook ", "Test"]
    .join(' ')
    .replace(/\W+/gi, '-')
);

answered Sep 9, 2015 at 15:44

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

War10ck · Accepted Answer · 2015-09-09 15:36:57Z

0

You can use the built-in .trim() method for strings and .forEach() function for arrays to accomplish this:

var result = "";
["QA testing promotion ", " Twitter  ", "Facebook ", "Test"].forEach(function (element, index, array) {
    array[index] = (element.trim()).replace(/ /g, "-");
    if(index > 0) {
        result += "-" + array[index];  
    } else {
        result += array[index];  
    }
});

document.querySelector("#result").textContent = result;

#result {
  margin-left: 10px;
  padding: 5px 10px;
  border: 1px solid #aaa;
  display: inline-block;
}

<label>Result</label>
<div id="result"></div>

answered Sep 9, 2015 at 15:36

War10ck

12.5k7 gold badges46 silver badges56 bronze badges

Collectives™ on Stack Overflow

How to Join JavaScript array of string

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related