Скачать или смотреть How to Filter an Array in JavaScript Using Partial String Match

Discover how to effectively filter an array of objects in JavaScript based on a partial string match, and avoid common pitfalls with null values.
---
This video is based on the question https://stackoverflow.com/q/66216885/ asked by the user 'anutter' ( https://stackoverflow.com/u/10719748/ ) and on the answer https://stackoverflow.com/a/66217216/ provided by the user 'anutter' ( https://stackoverflow.com/u/10719748/ ) 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: Filter Array Using Partial String Match in Javascript

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.
---
How to Filter an Array in JavaScript Using Partial String Match

If you’re working with JavaScript and need to filter an array of objects where the data you want to filter on is nested within a longer string, this post is for you! In this guide, we’ll dive into a common problem: extracting specific objects from an array based on whether a property (specifically value) includes a particular substring. We'll also address a common error that can arise when dealing with null values.

The Problem

Imagine you have the following data structure:

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

Now, your goal is to filter through this array and find all objects where the value string contains the substring parent_sku. You might start your function like this:

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

However, you encounter the error: cannot read property 'includes' of null. This happens when one of the value fields is null, leading to failed attempts to call the includes() method.

The Solution

Step 1: Check for Null Values

The first step to solve this issue is adding a conditional check to ensure that value is not null before attempting to call includes(). Here’s an updated version of your filterArray function:

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

Step 2: Understanding the Code

Loop Through the Array: We use a simple for loop to iterate through each object in the array.

Check for Null: We add the check if (array[i].data.value !== null) to skip any object where the value is null.

Use the Includes Method: If the value is not null, we use includes(filterList) to check if value contains parent_sku.

Return a New List: Any object that passes the check is pushed into a new list called newList, which we later return.

Step 3: Using the Updated Function

Now, when you call the filterArray function, it should filter the objects correctly, avoiding the null value problem:

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

Conclusion

Filtering arrays in JavaScript using partial string matches can be a straightforward task if you avoid common pitfalls such as null values. By implementing a few checks, you can ensure that your filtering function works robustly without throwing errors. Now you can confidently filter your datasets and work more effectively with your JavaScript code! Happy coding!