Скачать или смотреть How to Check if an Array Includes Any of the Substrings using JavaScript

Learn how to determine whether any items in a JavaScript array are present within a given string by leveraging ES6 methods.
---
This video is based on the question https://stackoverflow.com/q/62317072/ asked by the user 'max' ( https://stackoverflow.com/u/7365544/ ) and on the answer https://stackoverflow.com/a/62317569/ provided by the user 'Karma Blackshaw' ( https://stackoverflow.com/u/8749149/ ) 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: how to tell if an array includes any of the substrings

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.
---
Checking If an Array Includes Any Substrings in JavaScript

When you're working with arrays and strings in JavaScript, a common task you might encounter is checking whether any items from an array are present within a given string. This is especially useful when dealing with dynamic data inputs. In this guide, we’ll explore how to achieve this using some robust JavaScript methods.

The Problem

Imagine you have an array of strings representing animals:

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

And you have a string that contains some items, separated by a pipe (|):

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

The question is: How can you determine if any of the items from the array are present in that string?

The Solution

There are several ways to solve this problem in JavaScript. We'll walk through a couple of efficient methods using ES6 features.

1. Using the .some() Method

The .some() method allows us to test if at least one element in the array passes the condition implemented by the provided function. Here’s how you can use it:

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

Explanation:

string.split('|'): This converts the string into an array, splitting it at each pipe.

animals.some(...): We use this method to iterate over the animals array, checking each element to see if it’s included in the split string.

2. Getting the Present Animals

If you not only want to check for existence but also want to find out which animals are present in the string, you can use the .reduce() method. Here’s how to do it:

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

Explanation:

splitString.reduce(...): This method iterates over each item in the split string.

Inside the callback function, we check if the current item exists in the animals array. If it does, we push it to the accumulator (acc).

One-liner Version

If you prefer a more concise approach, here’s an elegant one-liner using .reduce():

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

Conclusion

Checking if an array includes any substrings from a provided string in JavaScript can be accomplished using powerful array methods like .some() and .reduce(). Depending on your needs, you can either confirm existence with .some() or collect the matching items using .reduce().

Now you have the tools and knowledge to easily manage strings and arrays in your JavaScript applications! Happy coding!