Sort through an array using various prefixes and suffixes as filtering conditions

Question

Sort through an array using various prefixes and suffixes as filtering conditions

I have come across various questions and answers related to this particular issue, but most of them involve using the includes or indexOf methods.

The problem at hand is how to filter an array (names in this scenario) using two different arrays - one with the startsWith criteria and the other with the endsWith criteria.

var names = ['BOB','CATHY','JAKOB','AARON','JUSTICE','BARBARA','DANIEL','BOBBY','JUSTINE','CADEN','URI','JAYDEN','JULIE']
startPatterns = ['BO','JU']
endPatterns = ['EN','ICE']

//res = ['BOB','JUSTICE','JUSTINE','JULIE','JAYDEN','JUSTICE']

It is clear that using

names.filter(d => d.startsWith(startPatterns))

is not a feasible solution as startPatterns is an array and not a string. The current approach I attempted is not only ineffective but also very slow:

res=[]
names.forEach(d => {
  endPatterns.forEach(y => d.endsWith(y) ? res.push(d) : '')
  startPatterns.forEach(s => d.startsWith(s) ? res.push(d) : '')})
console.log(res)

javascript

Answer 1

Answer №1

If you want to filter an array of names based on certain patterns, you can utilize Array.prototype.some method with pattern arrays:

const filteredNames = names.filter(name => (
  startPatterns.some(pattern => name.startsWith(pattern)) ||
  endPatterns.some(pattern => name.endsWith(pattern))
))

This code snippet checks if a name begins with any of the start patterns or ends with any of the end patterns to include it in the filtered array.

Answer 2

If you want to filter an array of names based on certain patterns, you can utilize Array.prototype.some method with pattern arrays:

const filteredNames = names.filter(name => (
  startPatterns.some(pattern => name.startsWith(pattern)) ||
  endPatterns.some(pattern => name.endsWith(pattern))
))

This code snippet checks if a name begins with any of the start patterns or ends with any of the end patterns to include it in the filtered array.

Answer 3

Answer №2

If you want to filter names based on specific patterns, you can use either a regular expression or an array method approach.

var names = ['BOB','CATHY','JAKOB','AARON','JUSTICE','BARBARA','DANIEL','BOBBY','JUSTINE','CADEN','URI','JAYDEN','JULIE'],
    startPatterns = ['BO','JU'],
    endPatterns = ['EN','ICE'],
    regexp = new RegExp(`^(${startPatterns.join('|')})|(${endPatterns.join('|')})$`),
    result = names.filter(s => regexp.test(s));

console.log(result);

An alternative method is to use an array with predefined methods and values to filter the names.

var names = ['BOB','CATHY','JAKOB','AARON','JUSTICE','BARBARA','DANIEL','BOBBY','JUSTINE','CADEN','URI','JAYDEN','JULIE'],
    patterns = [['startsWith', ['BO','JU']], ['endsWith', ['EN','ICE']]],
    result = names.filter(s => patterns.some(([k, values]) => values.some(v => s[k](v))));

console.log(result);

Answer 4

If you want to filter names based on specific patterns, you can use either a regular expression or an array method approach.

var names = ['BOB','CATHY','JAKOB','AARON','JUSTICE','BARBARA','DANIEL','BOBBY','JUSTINE','CADEN','URI','JAYDEN','JULIE'],
    startPatterns = ['BO','JU'],
    endPatterns = ['EN','ICE'],
    regexp = new RegExp(`^(${startPatterns.join('|')})|(${endPatterns.join('|')})$`),
    result = names.filter(s => regexp.test(s));

console.log(result);

An alternative method is to use an array with predefined methods and values to filter the names.

var names = ['BOB','CATHY','JAKOB','AARON','JUSTICE','BARBARA','DANIEL','BOBBY','JUSTINE','CADEN','URI','JAYDEN','JULIE'],
    patterns = [['startsWith', ['BO','JU']], ['endsWith', ['EN','ICE']]],
    result = names.filter(s => patterns.some(([k, values]) => values.some(v => s[k](v))));

console.log(result);

Sort through an array using various prefixes and suffixes as filtering conditions

Answer №1

Answer №2

Similar questions

Looking to switch up the thumbs-up button design?

Utilize Vue Component by assigning a computed property to the data source

The 'Cross domain jQuery Ajax request using JSONP' triggered an error: SyntaxError - Unexpected token : appeared on the screen

JkMegaMenu drop-down menus in Chrome are shifting to the left when the window is resized

Maintaining the selected option on page refresh with React Remix

What is the process for attaching an iterator to the name value of every element within a cloneNode?

The POST method in Node JS request-promises does not properly handle string inputs

Is there a way to bypass the "Error: Another application is currently displaying over Chrome" message using Javascript or Typescript?

Troubleshooting issues with JavaScript events in order to effectively implement popovers

Encountering a 404 server error on Azure Node.js web app while running AngularJS 1.6.x with lengthy URLs

Styling with CSS: Using a Base64 Encoded Image in the Background URL

"Integration error: specified token_name parameters are invalid." FORTPAY INTEGRATION

Issue with Mouse Hover not functioning properly across various 3D objects

Displaying JSON data dynamically by iterating through it in a loop

Utilizing Jquery for ASP.NET, an AJAX call dynamically populates a list

Using Angular Directive to create a customized TreeView

Error encountered in TypeScript's Map class

Having Trouble with Form Submission Button Across Different Web Browsers

The functioning of JavaScript's ajax capabilities

What is the best way to show search suggestions on Google Maps autocomplete once three characters have been entered?