Create new array in which items with commas are separated into unique items in the array

Question

I have an array that is combining the sources of multiple arrays using concat.

var tags = [].concat.apply([], [typeArr,genderArr,conditionArr]);

The items in the array are then filtered for any

  tags = tags.filter(function(entry) { return entry.trim() != ''; });

However, I realized that, because of where the data comes from, some items are coming in as strings with commas, such that tags array looks like the following: ["red","blue","green,yellow,orange","purple,black"]

How could I split the items so that the tags array looks like ["red","blue","green","yellow","orange","purple","black"]? I was thinking something where I loop over the array and then use split to reinsert these into a new array?

I'm trying to do it with vanilla JavaScript

"I was thinking something where I loop over the array and then use split to reinsert these into a new array". Sounds like good thinking. Have you tried it? What seems to not be working here that this post exists? — gforce301
– gforce301, Commented May 8, 2018 at 17:32

Ori Drori · Accepted Answer · 2018-05-08 17:36:54Z

4

Use Array.join() by comma (or .toString() which does the same) to convert the array to a single string, the use Array.split() by comma to get an array of individual items:

var arr = ["red","blue","green,yellow,orange","purple,black"];

var result = arr.join(',').split(',');

console.log(result);

edited May 8, 2018 at 17:36

answered May 8, 2018 at 17:33

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

1 Comment

Илья Зелень Over a year ago

You can use join(), since the default is a comma.

Nina Scholz · Accepted Answer · 2018-05-08 17:58:37Z

2

You could use a Set for getting unique values after the values have been separated.

var array = ["red", "blue", "green,yellow,orange", "purple,black", "green,red"],
    result = Array.from(new Set(array.join(',').split(',')));

console.log(result);

edited May 8, 2018 at 17:58

answered May 8, 2018 at 17:47

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Zohaib Ijaz · Accepted Answer · 2018-05-08 17:34:23Z

0

var data = ["red","blue","green,yellow,orange","purple,black"];

data = data.reduce(function(prev, next) {
    return prev.concat(next.split(','));
}, []);

console.log(data);

answered May 8, 2018 at 17:34

Zohaib Ijaz

23k7 gold badges43 silver badges63 bronze badges

Collectives™ on Stack Overflow

Create new array in which items with commas are separated into unique items in the array

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related