30-seconds-of-code/blog_posts/javascript-string-contains-substring.md

title, shortTitle, type, tags, author, cover, excerpt, firstSeen

title	shortTitle	type	tags	author	cover	excerpt	firstSeen
Check if a string contains a substring in JavaScript	String contains substring	story	javascript,string	chalarangelo	blog_images/sea-view-2.jpg	Let's have a look at how to check if a string contains a substring in JavaScript.	2022-07-27T05:00:00-04:00

String.prototype.includes()

The most straightforward substring search option is String.prototype.includes(), introduced in ES6. It's a simple method that returns a boolean value depending on whether the string contains the substring or not.

const str = 'Hello world';
str.includes('world'); // true
str.includes('foo'); // false

String.prototype.indexOf()

Another option is String.prototype.indexOf(), which can be preferable if you need to support legacy browsers. As this methods returns the index of the first occurrence of the substring, you need to compare it to -1 to know if the substring was found or not.

const str = 'Hello world';
str.indexOf('world') !== -1; // true
str.indexOf('foo') !== -1; // false

Case-insensitive substring search

Both methods presented so far are case-sensitive. If you need to search for a substring that is case-insensitive, you can use String.prototype.toLowerCase() to convert both strings to lowercase. Then you can compare them, using any of the previous methods.

const str = 'Hello world';
const token = 'WORLD';
str.toLowerCase().includes(token.toLowerCase()); // true