Filtering data at different levels in Javascript/Javascript programming language

Question

Filtering data at different levels in Javascript/Javascript programming language

Consider this array:

var selection = ["14-3","19-5", "23-5", "40-8", "41-8"];

We now have two separate arrays: Array1 includes the first part of each value (before hyphens) in the original array, such as 19, 23, etc. Array2 includes the second parts - 5, 8, etc.

Array1 = ["23", "40"]
Array2 = ["5", "8"]

The goal is to filter out certain elements from the selection array based on the following criteria:

Exclude any items where none of the values match those in Array2
For items where there is a match with any value in Array2, only include those that also match the corresponding value in Array1

In this scenario, the resulting filtered array would look like this:

filteredSelection = ["14-3", "23-5", "40-8"]

While filtering an array by another using .filter() is straightforward, this specific case presents a challenge. Any assistance would be greatly appreciated.

javascript

Answer 1

Answer №1

To filter out specific values from the array, exclude elements from array2 and include elements from array1.

var selection = ["14-3","19-5", "23-5", "40-8", "41-8"],
    array1 = ["23", "40"],
    array2 = ["5", "8"],
    result = selection.filter(s => {
        const [l, r] = s.split('-');
        return !array2.includes(r) || array1.includes(l);
    });

console.log(result);

Answer 2

To filter out specific values from the array, exclude elements from array2 and include elements from array1.

var selection = ["14-3","19-5", "23-5", "40-8", "41-8"],
    array1 = ["23", "40"],
    array2 = ["5", "8"],
    result = selection.filter(s => {
        const [l, r] = s.split('-');
        return !array2.includes(r) || array1.includes(l);
    });

console.log(result);

Answer 3

Answer №2

Give this a shot:

const selection = ["14-3","19-5", "23-5", "40-8", "41-8"];
const Array1 = ["23", "40"];
const Array2 = ["5", "8"];

const obj1 = Array1.reduce((acc, curr) => ({...acc, [curr]: 1}), {});
const obj2 = Array2.reduce((acc, curr) => ({...acc, [curr]: 1}), {});

const res = selection.filter(item => {
  const [left, right] = item.split('-');
  return obj1[left] || obj2[right] === undefined;
});

console.log(res);

Transformed Array1 and Array2 into objects for efficiency purposes. It is recommended to initialize Array1 and Array2 as objects from the start.

Answer 4

Give this a shot:

const selection = ["14-3","19-5", "23-5", "40-8", "41-8"];
const Array1 = ["23", "40"];
const Array2 = ["5", "8"];

const obj1 = Array1.reduce((acc, curr) => ({...acc, [curr]: 1}), {});
const obj2 = Array2.reduce((acc, curr) => ({...acc, [curr]: 1}), {});

const res = selection.filter(item => {
  const [left, right] = item.split('-');
  return obj1[left] || obj2[right] === undefined;
});

console.log(res);

Transformed Array1 and Array2 into objects for efficiency purposes. It is recommended to initialize Array1 and Array2 as objects from the start.

Answer 5

Answer №3

Using the filter method can be a powerful tool if utilized correctly:

const filteredItems = items.filter(item => {
  const [start, end] = item.split('-');
  return !arr2.includes(end) || arr1.includes(start);
});

Answer 6

Using the filter method can be a powerful tool if utilized correctly:

const filteredItems = items.filter(item => {
  const [start, end] = item.split('-');
  return !arr2.includes(end) || arr1.includes(start);
});

Filtering data at different levels in Javascript/Javascript programming language

Answer №1

Answer №2

Answer №3

Similar questions

Ways in which the user can modify the city name within this inquiry

What sets apart `Object.merge(...)` from `Object.append(...)` in MooTools?

When attempting to install an npm package from a local directory, I encountered a 404 Not Found error, despite the package existing in the node_modules directory

Creating a ListView in React Native and utilizing the CloneWithRow method with an object instead of an

Sorting tables with jQuery UI sortable() and rowspan功能

Sorting an array based on shortest distance in Javascript - A step-by-step guide

The changes made to $scope in AngularJS are not being displayed in the view

Maximizing the efficiency of Java Script code

No results returned by Mongoose/MongoDB GeoJSON query

What is the reason behind the restriction on using capital letters in React project names?

Should I generate an array or pull data directly from the database?

Is there a way to convert a string containing a date calculation, such as "now + 1 day", into a date object?

Using the goBack function in React Router does not add the previous location to the stack

Is there a way to incorporate vue samples into an independent HTML document?

Guide on how to initialize a variable in Express.js within a conditional statement in Node.js

Issues with date clicking on FullCalendar in Angular

Puppeteer - Issue with Opening Calendar Widget

The display of website content across various screens

Using React: Implementing conditional checks within the render() method of functional Components

The intersection observer fails to detect any new elements or entries that are appended to the page after it has