Check if any element from the first array exists in any nested array of the second array and return a Boolean

Question

Check if any element from the first array exists in any nested array of the second array and return a Boolean

Having two distinct types of arrays,

firstArrayObject = [{name: "sample", number: 23}, {name: "sample2", number: 25}]

.

The second object takes the form of

secondObject = {someAttribute: bla, numbers: [23, 26, 27, 28}

My goal is to determine if any of the provided number fields in the firstArrayObject are not present in the secondObject's numbers array. If a number is not found, I will halt the search and return true. In this particular scenario, it would result in true, as "25" is missing from secondObject.numbers

Struggling with the various methods such as includes, filter, some that ES6 offers.

Hoping for assistance on resolving this issue.

javascript search ecmascript-6 filter

Answer 1

Answer №1

Great job so far using some:

const outcome = firstArrayObject.some(
    ({value}) => !secondData.values.includes(value)
);

const firstArrayObject = [{title: "example", value: 17}, {title: "test", value: 19}];
const secondData = {description: "random", values: [17, 20, 22, 23]};

const outcome = firstArrayObject.some(({value}) => !secondData.values.includes(value));

console.log(outcome);

This code checks if any of the elements in firstArrayObject meet the condition 'the value is not present in the array `secondData.values'."

I used destructuring for clarity, but it's optional:

const outcome = firstArrayObject.some(
    (item) => !secondData.values.includes(item.value)
);

If the secondData.values array was very large, you could optimize performance by creating a Set with the existing values to leverage the faster lookup time of the has function compared to includes:

const valuesSet = new Set(secondData.values);
const outcome = firstArrayObject.some(
    ({value}) => !valuesSet.has(value)
);

const firstArrayObject = [{title: "sample", value: 17}, {title: "demo", value: 19}];
const secondData = {description: "test", values: [17, 20, 22, 23]};

const valuesSet = new Set(secondData.values);
const result = firstArrayObject.some(
    ({value}) => !valuesSet.has(value)
);

console.log(result);

Answer 2

Great job so far using some:

const outcome = firstArrayObject.some(
    ({value}) => !secondData.values.includes(value)
);

const firstArrayObject = [{title: "example", value: 17}, {title: "test", value: 19}];
const secondData = {description: "random", values: [17, 20, 22, 23]};

const outcome = firstArrayObject.some(({value}) => !secondData.values.includes(value));

console.log(outcome);

This code checks if any of the elements in firstArrayObject meet the condition 'the value is not present in the array `secondData.values'."

I used destructuring for clarity, but it's optional:

const outcome = firstArrayObject.some(
    (item) => !secondData.values.includes(item.value)
);

If the secondData.values array was very large, you could optimize performance by creating a Set with the existing values to leverage the faster lookup time of the has function compared to includes:

const valuesSet = new Set(secondData.values);
const outcome = firstArrayObject.some(
    ({value}) => !valuesSet.has(value)
);

const firstArrayObject = [{title: "sample", value: 17}, {title: "demo", value: 19}];
const secondData = {description: "test", values: [17, 20, 22, 23]};

const valuesSet = new Set(secondData.values);
const result = firstArrayObject.some(
    ({value}) => !valuesSet.has(value)
);

console.log(result);

Answer 3

Answer №2

Here is a helpful solution using the forEach and includes array functions in JavaScript. Check out this resource for more information on JavaScript array methods.

var answer = false;
const firstArrayObject = [{name: "sample", number: 23}, {name: "sample2", number: 25}];

const secondObject = {someAttribute: "bla", numbers: [23, 26, 27, 28]};

function func(obj) {
    if(!secondObject.numbers.includes(obj.number)) answer = true;
}

firstArrayObject.forEach(func);
console.log(answer)

Edit: The 'func' function can be integrated directly into the forEach parameter, although separating it as shown above could enhance readability for beginners.

Answer 4

Here is a helpful solution using the forEach and includes array functions in JavaScript. Check out this resource for more information on JavaScript array methods.

var answer = false;
const firstArrayObject = [{name: "sample", number: 23}, {name: "sample2", number: 25}];

const secondObject = {someAttribute: "bla", numbers: [23, 26, 27, 28]};

function func(obj) {
    if(!secondObject.numbers.includes(obj.number)) answer = true;
}

firstArrayObject.forEach(func);
console.log(answer)

Edit: The 'func' function can be integrated directly into the forEach parameter, although separating it as shown above could enhance readability for beginners.

Check if any element from the first array exists in any nested array of the second array and return a Boolean

Answer №1

Answer №2

Similar questions

The operation is unable to be executed in an external document

Using AJAX to update content based on selected value in a dropdown menu

Exploring the functionality of Angular.js through QUnit testing

Ways to implement a worldwide change in a subordinate entity

Obtain the session value in React

Angular 5: There was an issue with the property not defined for lowercase conversion

Tips for adjusting the font size of choices within the Material UI autocomplete component

Unfamiliar function detected in the updated Vue Composition API

The user removal process is not functioning properly

The jsPDF tool captures only the visible frame in a screenshot instead of printing the entire content on the screen

Can an inline try be implemented without including a catch block as demonstrated?

Interactive selection menu with jquery technology

Guide to implementing bidirectional data binding for a particular element within a dynamic array with an automatically determined index

What is the proper method to set up jQuery in scripts loaded via AJAX? I keep receiving the error message: 'Uncaught TypeError: Object #<Object> has no method'

What is the process for updating parameters before finalizing a route in Vue.js?

Every other attempt at an Ajax request seems to be successful

Is it possible to utilize the AmMap API for developing an Android application?

Displaying all API data by default in Vue.js, even with filters, sorting, and search enabled - how can it be done?

"Troubleshooting the path problem in Vue.js router version 3.0.1

The current version of HTML5 Context Menus is now available