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

Ensuring User Data is Current in the UI with Firebase Auth Callbacks

dirpagination fails to display all rows in the dataset

issues with the redirection functionality in the Play framework

Assign local variable in Mongoose using query results

Automatically send users to the login page upon page load if they are not authenticated using Nuxt and Firebase

Understanding the fundamentals of parseInt() and radix conceptsORExploring

While conducting tests on a Vue single file component, Jest came across an unforeseen token

Unit tests in Vue 3 do not utilize configureWebpack in vue.config.js

guide on displaying all json elements using javascript

Is there a way to automate the distribution of tasks to users in order to ensure that each user receives an equal number of assignments?

testing express router with several different handlers

Step-by-step guide on incorporating a new JSON object into an array to display its elements as components on a webpage

What is the best way to incorporate a changing variable within an htmx request?

Leveraging packages obtained from npm repositories

Having trouble exporting CSV files with Tamil fonts. Are you experiencing an error?

The occurrence of the "contextmenu" event can cause disruption to the execution of a function triggered by the "onmousemove" event

Guide to creating a vertical handler that can be resized

By implementing Async.parallel, I ensure that the lifetime of my parameter does not exceed the duration of the asynchronous calls in NodeJS when working with MongoDB

The click functionality is not functioning properly within the .each() loop

Using a try block inside another try block to handle various errors is a common practice in JavaScript