JS remove duplicates and characters in Array

Question

I would like some assistance to remove duplicates and remove the | and the '' at the start and end.

My code so far

const thedates = this.results
            .filter((result) => result.thedate)
            .map((item) => item.thedate)
            .filter((thedate, i, arr) => arr.indexOf(thedate) === i);
          // Split multiple thedates in strings and store in an array
          let thedate = [];
          thedates.forEach((item) => {
            const splitArr = item.split(", ");
            thedate = thedate.concat(splitArr).sort();
          });

          // Filter again for unique thedates
          this.thedates = thedate.filter(
            (thedate, i, arr) => arr.indexOf(thedate) === i
          );

My output in the console from the code above

I would just like each entry to say: full-time, part-time or full-time if there is just one between the quotes.

Can anyone help to add to my code please?

This is the field in the JSON file which I'm pulling in. "thedate": "full-time|part-time|full-time|part-time|full-time|part-time|full-time|part-time|full-time|part-time|full-time|part-time|part-time|full-time|full-time|part-time|full-time|part-time|full-time|full-time|part-time|part-time", The expected output is "thedate": "full-time, part-time", — user13928344
– user13928344, Commented Aug 15, 2022 at 15:53

danh · Accepted Answer · 2022-08-15 16:53:00Z

2

You're essentially asking two things, how to turn a delimited string into array and how to remove duplicate values from an array. You can parse by using the .split() method, and remove duplicates from an array by constructing a set with it then turning it back into an array with the spread operator.

Altogether (where array is your input array):

let filteredArray = [ ...new Set( string.split( '|') ) ]

const string = "full-time|part-time|full-time|part-time|full-time|part-time|full-time|part-time|full-time|part-time|full-time|part-time|part-time|full-time|full-time|part-time|full-time|part-time|full-time|full-time|part-time|part-time";
let filteredArray = [ ...new Set( string.split( '|') ) ]
let result = filteredArray.join(', ');
console.log(result)

edited Aug 15, 2022 at 16:53

danh

62.7k10 gold badges100 silver badges139 bronze badges

answered Aug 15, 2022 at 16:23

Alex

1,0827 silver badges9 bronze badges

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

2 Comments

danh Over a year ago

added a demo and completed the answer with a join

user13928344 Over a year ago

Great, thank you! I will try this within my code too.

Ludolfyn · Accepted Answer · 2022-08-16 17:28:57Z

1

You could try something like this (similar to @Julien Mellon's post) where you use .split(), but you return an array of arrays with the second level array being the entry:

const thedates = ['full-time', 'full-time|part-time', 'full-time|part-time|full-time', 'full-time|full-time|part-time|full-time', 'full-time|full-time|part-time|full-time|part-time|part-time']

const theDatesFormatted = thedates.map(item => {  
  const arr = item.split('|')
  const uniqueArr = [...new Set(arr)]
  return uniqueArr
})

console.log(theDatesFormatted)

edited Aug 16, 2022 at 17:28

answered Aug 15, 2022 at 16:08

Ludolfyn

2,10217 silver badges23 bronze badges

2 Comments

user13928344 Over a year ago

Thank you for taking the time to reply to my question. Your example is great but it doesnt remove the duplicates.

Ludolfyn Over a year ago

Hey @user13928344 of course no problem. I updated the code to remove duplicates. The [...new Set(arr)] part removes the duplicates.

Julien Mellon · Accepted Answer · 2022-08-15 15:55:49Z

0

if your inputs are

perhaps you could just call .split('|') ?

answered Aug 15, 2022 at 15:55

Julien Mellon

11 bronze badge

5 Comments

Raeisi Over a year ago

Please read the question carefully. And provide a practical code to cover all aspects. If you have any questions or suggestions, first ask them in the comments section.

user13928344 Over a year ago

I have made some progress but there is still an issue with my output that I dont understand.

user13928344 Over a year ago

user13928344 Over a year ago

Adison Masih Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

JS remove duplicates and characters in Array

3 Answers 3

2 Comments

2 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related