Скачать или смотреть How to Get a Filtered Array by Multiple Conditions in JavaScript: Using Tech 1 and Tech 2

Learn how to effectively filter an array of projects in JavaScript based on multiple conditions using the OR operator.
---
This video is based on the question https://stackoverflow.com/q/64318965/ asked by the user 'lala' ( https://stackoverflow.com/u/12996855/ ) and on the answer https://stackoverflow.com/a/64319314/ provided by the user 'Akash Chandwani' ( https://stackoverflow.com/u/2045648/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Get filtered array by some with multiple conditions

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Introduction: The Filtering Challenge

Filtering arrays based on multiple conditions can often be a complex task, especially for developers who are just starting out. A common scenario arises when working with collections of data—such as a list of projects, where each project uses specific technologies.

In this post, we will tackle the challenge of filtering a project array by more than one technology condition. Specifically, we will demonstrate how to filter projects that use either Tech 1 or Tech 2.

Understanding the Project Array

To solidify our concept, let's start with a clear structure of our sample project array:

[[See Video to Reveal this Text or Code Snippet]]

Current Filtering Method

Currently, if we want to filter projects using Tech 1, the code looks like this:

[[See Video to Reveal this Text or Code Snippet]]

This works great and returns all projects that use Tech 1. However, we hit a snag when we try to filter for Tech 1 and Tech 2 using the AND operator (&&):

[[See Video to Reveal this Text or Code Snippet]]

The above code does not return any results because a tech cannot simultaneously match both conditions.

The Solution: Utilizing the OR Operator

The Logic Behind Filtering

In programming, the AND operator (&&) returns true only if both conditions hold true. This is not what we need when we want to match either Tech 1 or Tech 2. To achieve our goal, we must use the OR operator (||).

Implementing the Change

Here’s how you can modify your filter to capture projects that use either technology:

[[See Video to Reveal this Text or Code Snippet]]

What Happens Here?

filter() Method: This method creates a new array with all elements that pass the test implemented by the provided function.

some() Method: It checks if at least one technology in the project matches either Tech 1 or Tech 2.

Using ||: This means if a project has either Tech 1 or Tech 2, it gets included in the final result.

Conclusion

By switching from the AND operator to the OR operator when filtering your project array, you can easily retrieve projects that use multiple specified technologies. This approach not only simplifies your code but also enhances its maintainability.

Now, you can efficiently filter your project data with simplicity and precision. Happy coding!